First, preface
If just to develop a simple pop-up effect, it is enough to know that the cascade relationship between elements can be adjusted by Z-index. But to deal with the cascade relationship between multiple pop-up windows, it is necessary to
Concept
The Z-index property sets the stacking order of elements. Elements that have a higher stacking order are always in front of elements that are lower in stacking order.
Comparison of hierarchical relationships
1. For sibling elements, the
CSS position Basic tutorial, very classic, recommend everyone collection.
1. position:static
The default positioning for all elements is: position:static, which means that the element is not positioned and appears in the document where it should be.
Concept
The Z-index property sets the stacking order of elements. Elements that have a higher stacking order are always in front of elements that are lower in stacking order.
Comparison of hierarchical relationships
1. For sibling elements, the
IE6/IE7/IE8/IE9 tbody innerHTML cannot be assigned, reproduce the code as follows: Tbody innerHTML in IE6-IE9 cannot copy a bug &nbs
1. IE6/IE7/IE8/IE9 tbody innerHTML The perfect solution to the value of the project _ Experience Exchange
Summary:
clear Floating This problem, do the front-end should be familiar with, the following 4 methods for everyone to refer to
1. use Clear:both to clear floating
example 1: Using p
html code
css code
Before the layout of the page, a DIV can only set a background image, set multiple backgrounds, to use multiple div nesting to achieve, so compatibility is better. This method is recommended if your website requires a browser-compatible version. The
Ask the next background-position:left-29px; What does that mean?? I felt like I was moving to the left-29 pixels, but I didn't test it. Ask a Master
is used to locate the position of the picture.The main use of a PNG on a multiple logo or ICO this
There is a p as an external container, the internal p if the float style is set, then the external container p can not be open, the application of Clearfix at the end of the element to add content, the purpose of the open container is the contents
Grammar:
background-color:transparent | Color
Parameters:Transparent: background color transparentColor: Specifies the color. See Color units and Appendix: color TablesDescriptionSets or retrieves the background color of an object.The
Grammar:
Layout-grid-char:none | Auto | Length
Parameters:None: Row grid values are not specifiedAuto: Determines the grid by maximum characters in the object textLength: Percent | A length value consisting of a floating-point number and a unit
Grammar:
Ruby-align:auto | Left | Center | Right | Distribute-letter | Distribute-space | Line-edge
Parameters:Auto: The alignment is determined by the browser. For Ideographic (East Asian text), align with the distribute-space value. Align with
To the child element box a vertical margin margin-top, the parent element box will also go down the value of margin-top, encounter this problem friends can refer to this article may have unexpected harvest
hack:
The parent element's box contains a
Objective
In the past has been heard that the old version of IE under a lot of strange bugs are caused by a mysterious character, that is haslayout. Take advantage of the recent sudden insane plan to study CSS, by the way to answer the doubts over
1. About the Width property of the element no effect first run the next program look under: [Html]123 [/html] You can see that span automatically changes width based on what is included because: for inline elements, such as span elements, which can
Use of the Table-layout:fixed property:If you want a table fixed size, the text inside is forced to wrap (especially in a long string of English text, and there is no space in the middle of the case) in order to achieve the text that is too longThe
This article is mainly to share with you the use of pure CSS3 to realize the text to the right loop flash effect of the relevant data, because the problem of compatibility, often used for mobile, the effect is very good, the text gives a detailed
What is a style sheet
CSS is the abbreviation for cascading Style Sheet. Translated "cascading style sheets". is a markup language for (enhanced) Control of Web page styles and allows the separation of style information from Web page content.
How
Preface H5 site needs the effect of iOS sliding button, think it seems CSS3 can get up, toss out ... It's quite simple. Please see the comment effect code
1. CSS3 analog ios slide switch effect
Introduction: H5 site needs the effect of iOS
Pure CSS3 beautify single choice button radio, css3 single choice radio
This pure CSS3 beautifying single-choice button radio method applies to the following situations:
1. compatible with IE9 and later versions. If you need to be compatible with IE8
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.