記錄工作學習中發(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:通過復合形成