css fragment_html/css_WEB-ITnose

1.

IE=edge means forcing the use of the latest IE kernel , chrome=1 means that chrome kernel rendering will be used first when possible.

2.

For dual-core browsers, it indicates the default rendering method of the page. The above three values ​​represent webkit kernel, IE compatible kernel and IE standard kernel respectively.

3.

Baidu transcoding is prohibited on mobile terminals. .

4.

No need to follow the target link (seo)

5.background- size: cover;

ie8 cannot display the full-screen background, you need to add this line:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=Enabled, sizingMethod=scale, src=URL)

If you place a link on this background, the link will not be clickable. The general solution is to add position:relative to the link or button to make it float relatively.

6. Transparency: opacity:0.5; filter:alpha(opacity=50);

7. The size of the text itself is incompatible. Solution: Set line-height for all text.

8. If the float container has no defined width, the content under ff will stretch the container width as much as possible, and under ie, the content will be given priority to wrap. Therefore, floating containers whose contents may burst need to define width.

9.double-margin bug. Define margin-left or margin-right for a floating container under IE6. The actual effect is twice the value. The solution is to define display:inline for the floating container.

10. Swallowing phenomenon. Still in IE6, there are two divs above and below. The upper div has a background, but I find that the div below that does not have a background also has a background. This is the phenomenon of swallowing. Corresponding to the background swallowing phenomenon above, there is also the phenomenon of missing borders under scrolling. Solution: Use zoom:1.

The blank space under 11.img. The bottom of the image in the div is not close to the bottom of the container, which is caused by the blank characters after the img. Solution: Set display:block for img or change the writing method.

12. Clear float:

.fix{zoom:1;}

.fix:after{content:''; display:block; visibility:hidden; clear :both; height:0;}

13.ie Overflow:hidden is invalid for the absolute layer position:absolute or relative layer position:relative below it. Solution: Add position: relative or position: absolute to overflow:hidden.