針對IE8正式版的CSS hack

2024-07-11 08:44:56

字體：大中小

供稿：網(wǎng)友

IE8正式版出來有一段日志了，但是針對ie8正式版的CSS hack卻很少，其實(shí)這是值得慶幸的，因?yàn)閕e8修復(fù)了很多IE6和IE7的一些BUG，更加接近W3C標(biāo)準(zhǔn)。
針對IE8正式版的CSS hack目前可以找到的分為2種：
第一種：”/9″：
基本的寫法:
test { color/*/**/: blue/9 }
這個IE6、IE7、IE8都能識別；但是IE8不能識別“*”和“_”的css hack；所以我們可以這樣寫hack：
header {width:300px;} /* 所有瀏覽器*/
header {width/*/**/:330px/9;} /* 所有瀏覽器IE瀏覽器 */
header {*width:310px;} /* IE7和IE6能識別,IE8和FF不能識別*/
header {_width:290px;} /* IE6能識別，IE7、IE8和FF不能識別*/
第二種：就是使用IE的條件注釋
具體可以查看這里：http://www.css88.com/archives/705；
其他一些css hack的測試：
color1{ color:#F00; color/*/**/:#00F /*/**/}/*IE6,IE7,IE8,FF,OP,SA識別*/
color2{ color:#F00; color /*/**/:#00F /*/9**/}/*IE7,IE8,FF,OP,SA識別*/
color3{ color:#F00; color/*/**/:#00F /9}/*IE6,IE7,IE8識別*/
color4{ color:#F00; color /*/**/:#00F/9}/*IE7,IE8識別*//*“color”和“/*/**/”之間有個空格*/
其中：OP表示Opera，SA表示Safari；
參考閱讀：
http://ladysign-apps.com/blog/archives/529
http://webdevelop.nitamihai.com/ie8-css-hack/

上一篇：CSS分欄布局的方法:絕對定位和浮動

下一篇：條件 CSS的使用