CSS Hack

解決瀏覽器兼容問題(主要兼容IE瀏覽器)

  1. 屬性級hack
    在css屬性名前或者除css屬性值後加上一些特殊的標識,以便不同瀏覽器支持
  • _下劃線:選擇IE6及以下
  • *:選擇IE7及以下
  • \09:選擇IE8+
  • \0:選擇IE8+和opera15以下的瀏覽器
_color:red;/*只有在IE6以下顯示紅色字體*/
  1. 選擇級Hack
    gt 大於
    gte 大於等於
    le 小於
    lte 小於等於
  • *html:IE6及更早的瀏覽器
*html .box {background:red;}/*只有在IE6以下顯示紅色*/
  1. 條件Hack
  • 只有在IE中可以看到
<!-- [if IE]>
    <p>只有在IE中才能看到我<p>
<![endif]-->
  • 只有IE6以上,才能看到紅色文本
<!-- [if gt IE]>
<style>
.test{color:red;}
</style>
<![endif]-->

注意:IE10及以上版本已經將條件註釋特性移出

  1. !important
    有些特殊情況需要爲某一些樣式設置具有最有權值,可以使用!important來解決。!inportant優先級高於行內樣式。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章