解決瀏覽器兼容問題(主要兼容IE瀏覽器)
- 屬性級hack
在css屬性名前或者除css屬性值後加上一些特殊的標識,以便不同瀏覽器支持
- _下劃線:選擇IE6及以下
- *:選擇IE7及以下
- \09:選擇IE8+
- \0:選擇IE8+和opera15以下的瀏覽器
_color:red;/*只有在IE6以下顯示紅色字體*/
- 選擇級Hack
gt 大於
gte 大於等於
le 小於
lte 小於等於
- *html:IE6及更早的瀏覽器
*html .box {background:red;}/*只有在IE6以下顯示紅色*/
- 條件Hack
- 只有在IE中可以看到
<!-- [if IE]>
<p>只有在IE中才能看到我<p>
<![endif]-->
- 只有IE6以上,才能看到紅色文本
<!-- [if gt IE]>
<style>
.test{color:red;}
</style>
<![endif]-->
注意:IE10及以上版本已經將條件註釋特性移出
- !important
有些特殊情況需要爲某一些樣式設置具有最有權值,可以使用!important來解決。!inportant優先級高於行內樣式。