CSS瀏覽器兼容

記錄工作學習中發(fā)現的CSS瀏覽器兼容問題以及可行的解決方法,為日后的工作提供便利。
PS:待完善中...

1.針對IE瀏覽器使用CSS hack

在目前的工作中,有時為了兼容低版本的IE瀏覽器,要為一些樣式寫一些CSS hack,建議使用IE瀏覽器獨有的文檔注釋的方式,真的很方便維護!

gt:大于   lt: 小于   !:非   |:或  
<!--[if (gt IE 9)|!(IE)]> <!-- IE9以上及非IE –> 
  <link rel="stylesheet" type="text/css" href="common.css" /> 
<!--<![endif]--> 
<!--[if IE 9 ]> <!-- 適合于IE9 –>
  <link rel="stylesheet" type="text/css" href="ie9.css" /> 
<![endif]-->
<!--[if IE 8 ]> <!-- 適合于IE8 –>
  <link rel="stylesheet" type="text/css" href="ie8.css" /> 
<![endif]-->
...
IE6、IE7以此類推

IE6:識別下劃線_前綴和星號*前綴,height:100px
IE7 、遨游:識別星號*前綴,*height:200px
IE7:識別星號*+前綴和!important,*+height:200px
IE8:通過復合形成

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,193評論 1 92
  • CSS對瀏覽器的兼容性有時讓人很頭疼,或許當你了解當中的技巧跟原理,就會覺得也不是難事,從網上收集了IE7,6與F...
    單純的土豆閱讀 5,848評論 1 33
  • 一.什么是CSS hack。瀏覽器兼容,不同的瀏覽器兼容性不同,對css的解析也不同,有些能夠識別一些特定的符號(...
    邵志遠閱讀 464評論 0 0
  • 1.什么是 CSS hack 由于不同廠商的瀏覽器,比如Internet Explorer,Safari,Mozi...
    饑人谷_bigJiao閱讀 682評論 0 1
  • 什么是 CSS hack CSS hack指瀏覽器各版本之間對CSS解析后展現的效果不一樣,針對不同的瀏覽器去寫不...
    柏龍閱讀 330評論 0 3

友情鏈接更多精彩內容