Lesson Five course Highlights (z-index, overflow, browser compatibility)

1, z-index= Digital

The value of the z-axis, when several div overlap, the larger the Z-index number, the more on the top
　　
2, overflow: Hidden (more than partially hidden)/auto (scroll bar appears when content exceeds the border)/scroll (scroll bar always available)
　　
3, browser compatibility issues:
　　
(1) Compatibility issues: different browsers based on different kernels, for some front-end code support is not the same, resulting in the display effect is not the same
　　
(2) Major browsers for testing: IE7-IE11 (can use IETester, regardless of IE6), Opera, Safari, Chrome, Firefox
　　
(3) A very good introduction to compatibility article: http://www.cnblogs.com/zhutianxiang/archive/2012/01/19/2320349.html
　　
4, Upper and lower block level element margin coincident:Whichever is larger is the equivalent of overlapping (left and right unaffected)
　　
5, Upper and lower block-level elements and in-line element margin coincident :You can set the display of the element in a row to block. {Display:block;}
　　
6. Hyperlink style:
　　
A:link the usual link style
　　
a:visited a link style that has been visited
　　
A:hover when the mouse is put up
　　
A:active the style when the mouse clicks
　　
Must be placed in the order above (LVHA) will have a normal effect
　　
7, block-level elements do not pull over:*{marin:0px; padding:0px}
　　
8, UL in different browser to pull over the problem:In IE, the default margin of UL is margin, in Firefox, the default margin of UL is padding, so set the margin and padding to 0px
　　
9. The upper and lower margin of the element within the line does not open the height of the block-level element in which it resides: You need to add a <div style= "Height:0px;overflow:hidden" to the upper and lower elements of the line. ></div> Auxiliary Distraction

Lesson Five course Highlights (z-index, overflow, browser compatibility)