在浏览器IE6/IE7/FF下显示CSS hack不同效果(2)

第四种方法：

div{
    text-decoration:overline;
}
html*div{
    text-decoration:line-through !important;
    text-decoration:underline;
}

原理：利用IE6/IE7的共同专属 + IE6不懂!important

第五种方法：

body>div{
    text-decoration:overline;
    *text-decoration:line-through;
}
div{
    text-decoration:underline;
}

原理：利用IE6不懂>这种选择符 + 针对属性的hack

总结

回过头总结一下，可以发现原理就是第一种方法里面说的，而大家同时要记住的也就是第三种方法里面那个表格。
也许会有人说，还可以利用IE特有的注释语法，但我个人有代码洁癖，加上那种方法仅针对HTML代码，而web标准里面，CSS代码都习惯单独写成文件（便于引入多个网页文件），所以这种方法也就跳过了。另外还有什么/**/或者@important之类的，也暂时不想研究，看着让人头晕，就算我自己现在写好了，将来估计可能连自己都看不懂，更别说别的维护人员了。所以说，本文介绍的方法，如果能解决问题，那就足够了，没必要逼着自己成为技术狂人，去研究”i++++2”这种有些变态的问题:)

转自博客：http://www.cnblogs.com/wslcn