css hack,css 浏览器兼容问题（css hack, css 浏览器兼容问题）.doc

css hack,css 浏览器兼容问题（css hack, css 浏览器兼容问题） For IE6, IE7, FF compatibility detailed CSS HACK introduction, December 2007 05, 16:00 below for reference: Now Im mostly using important to hack, and the IE6 and Firefox tests can be displayed properly, but IE7 is right, and important can be interpreted correctly, which causes the page to not be displayed as required! Search, and find a good hack for IE7 is the use of *+html, and now use IE7 browsing, there should be no problem. Now write a CSS, thats all: #example {color: #333;} / * * / Moz * HTML #example {color: #666;} / * * / IE6 *+html #example {color: #999;} / * * / IE7 Then, under Firefox, the font color is displayed as #333, the font color is displayed as #666 under IE6, and the font color is displayed as #999 under IE7. They dont interfere with each other. I wish the IE6 would retire soon CSS Hacks, the CSS style sheet for a web page layout template patch. The modified XHTML encoding design, problems, some overflow layer HACKS source: CSS (hacks), this patch is very simple, in the style sheet for the IE7 set of one of the elements, in front of the ID or class this kind of writing: *: first-child+html #ID{} perhaps *: first-child+html.Class{} Dont forget the front *, this hacks makes DIV+CSS web templates in ie5+, IE6, IE7, Firefox 1.5, Firefox 2 browser can perfectly reflect the original layout, without layer overflow and other issues IE7 fixes a lot of bug, also increased for some selector support, so now, such as *html and htmlbody to IE {} {} hide or display the hack will fail in IE7. Although CSS Hack is not recommended, conditional annotations are foolproof filters, but conditional annotations can only appear in HTML, and CSS Hack can still be useful. Nanobot found some CSS Hack for IE7, specifically: body Html* *+html These three types of writing, the first two are illegal CSS, are ignored in standard compatible browsers, but IE7 doesnt think so. For body, it replaces the missing selector with the global s