css ie6、ie7、ff浏览器兼容问题完美解决方法（The perfect solution to CSS, IE6, IE7, and FF browser compatibility issues）.doc

css ie6、ie7、ff浏览器兼容问题完美解决方法（The perfect solution to CSS, IE6, IE7, and FF browser compatibility issues） Compatibility features related to IE6, IE7, and FF CSS HACK Code: All browsers are generic Height: 100px; Dedicated IE6 _height: 100px; Dedicated IE6 *height: 100px; Dedicated IE7 *+height: 100px; IE7, FF share Height:, 100px, important (priority); One, CSS HACK The following two approaches can almost solve all HACK. today 1, important! (not recommended, safest with one of the following) With the support of IE7 for important, the important method is now only for IE6s HACK. (note the wording. Remember that the declaration location needs to be advanced.) Code: style #wrapper { Width: 100px important; / * * / IE7+FF! Width: 80px IE6; / * * / } /style 2, IE6/IE77 for FireFox from for Firefox IE6 IE7s CSS Style *+html and *html are IE - specific tags, and Firefox does not support them for a while, and *+html is a IE7 - specific tag Code: style #wrapper {width: 120px;} / * * / FireFox *html #wrapper {width: 80px;} / * IE6 * fixed *+html #wrapper {width: 60px;} / * IE7 * fixed, pay attention to the order /style Be careful: *+htmls HACK for IE7 must guarantee that the top of the HTML has the following declarations: Code: DOCTYPE, HTML, PUBLIC, -//W3C//DTD, HTML, 4.01, Transitional//EN, /TR/html4/loose.dtd Two, universal float closure (very important) can be used to resolve multiple div alignment when the spacing is not correct, For the clear float principle, see [How To, Clear, Floats,, Without, Structural, Markup] The following code will join Global CSS, to close div and class= Clearfix can be tested. Code: style Clear Fix / * * / .clearfix:after { Content:; Display:block; Height:0; Clear:both; Visibility:hidden; } .clearfix { Display:inline-block; } From IE Mac \*/ / * Hide .clearfix {display:block;} End hide from IE Mac * / / * End of Clearfix / * * / /style Three, other compatible skills (quite useful) 1, setting padding under FF causes width and height to increase