div+css设计时浏览器兼容性问题（Browser compatibility issues in div+css design）.doc

div+css设计时浏览器兼容性问题（Browser compatibility issues in div+css design） Its normal in this browser and out of the other. Were annoyed when were writing CSS, weve just fixed this browser problem, and the other browser has a new problem. What is a browser compatible: when we use a different browser (Firefox IE7 IE6) access to a website or page, there will be some incompatibilities, normally displayed in the browser, in another chaos, we will be very angry when writing CSS, just repair the browser, the browser is another new problem. OK, Ill take it. Ill take advantage of your incompatibility and write a paragraph of CSS for each of them. I. important (limited function) With the support of IE7 for important, the important method is now only compatible with IE6. (note the wording. Remember that the declaration location needs to be advanced.) Such as: #example { Width: 100px important; / * * / IE7+FF! Width: 200px IE6; / * * / } Two, CSS, HACK method (novice can see, master when passing by bar) The first thing to know is..: General height: 100px for all browsers; IE6 dedicated _height: 100px; IE7 dedicated *+height: 100px; IE6 and IE7 share *height: 100px; IE7 and FF share height: 100px! Important; Such as: #example {height:100px}; / * * / FF * HTML #example {height:200px}; / * * / IE6 *+html #example {height:300px IE7;} / * * / The following method is relatively simple Give me some examples: 1, IE6 - IE7+FF #example { Height:100px; / * * / FF+IE7 _height:200px; / * * / IE6 } In fact, the first method mentioned above can also be used #example { Height:100px! Important; / * * / FF+IE7 Height:200px; / * * / IE6 } 2, IE6+IE7 - FF #example { Height:100px; / * * / FF *height:200px; / * * / IE6+IE7 } 3, IE6+FF - IE7 #example { Height:100px; / * * / IE6+FF *+height:200px; / * * / IE7 } 4, IE6, IE7, FF are different #example { Height:100px; / * * / FF _height:200px; / * * / IE6 *+height:300px; / * * / IE7 } Or: #example { Height:100px; / * * / FF *height:300px; / * * / IE7 _height:20