幾種應用於IE8的CSS hack

來源:互聯網
上載者:User

IE8正式版出來有一段日誌了,但是針對ie8正式版的CSS hack卻很少,其實這是值得慶幸的,因為ie8修複了很多IE6和IE7的一些BUG,更加接近W3C標準。

針對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的條件注釋
具體可以查看這裡:IE條件注釋詳解;

其他一些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.

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.