CSS條件注釋HACk兼容主流瀏覽器
瀏覽器兼容性問題是網站前端設計師必須要掌握的必備結束,網絡上也有很多相關的資料,但是很多不符合WEB2.0標準。現在主流的解決方法主要是IE條件注釋和CSS HACK*(建議盡量少用,容易用上癮)。
前言,對于開發人員來說最大的問題是絕大多數用戶仍然在使用IE6,而它是一個對CSS規范支持較差,問題較多的瀏覽器。
1.1條件注釋
2. 0 css hack
前言, CSS hack由于不同的瀏覽器,比如Internet Explorer 6,Internet Explorer 7, 6,Internet Explorer 8,Mozilla Firefox等,對CSS的解析不一樣,因此會導致生成的頁面效果不一樣,得不到我們所需要的頁面效果。 這個時候我們就需要針對不同的瀏覽器去寫不同的CSS,讓它能夠同時兼容不同的瀏覽器,能在不同的瀏覽器中也能得到我們想要的頁面效果。
2.1 css hack詳解
"\9" 例:"border:1px \9;".這里的"\9"可以區別所有IE和FireFox.
"\0" IE8識別,IE6、IE7不能.
"*" IE6、IE7可以識別.IE8、FireFox不能.
"_" IE6可以識別"_",IE7、IE8、FireFox不能.
2.2 css hack 舉例1
IE6 hack
_background-color:#CDCDCD;
IE6 IE7 hack
*background-color:#dddd00;
IE8 hack
background-color:red\0;
IE9 hack
background-color:blue\9\0;
2.3 css hack 舉例2
2.4 CSS HACK總結
_IE6專用 (IE6不支持!important)
*IE6和IE7專用
\0 IE8IE9
\9區分IE和火狐
!important IE6以上的瀏覽器支持
\9\0 IE9支持
推薦文章
2025-01-18
2024-11-28
2024-11-09
2024-10-25
2024-06-25
2024-01-04
2023-11-06
2023-10-30
2023-10-13
2023-10-10
穩定
產品高可用性高并發貼心
項目群及時溝通專業
產品經理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽堅持
10年專注高端品質開發