CSS條件注釋HACk兼容主流瀏覽器
瀏覽器兼容性問(wèn)題是網(wǎng)站前端設(shè)計(jì)師必須要掌握的必備結(jié)束,網(wǎng)絡(luò)上也有很多相關(guān)的資料,但是很多不符合WEB2.0標(biāo)準(zhǔn)。現(xiàn)在主流的解決方法主要是IE條件注釋和CSS HACK*(建議盡量少用,容易用上癮)。
前言,對(duì)于開(kāi)發(fā)人員來(lái)說(shuō)最大的問(wèn)題是絕大多數(shù)用戶(hù)仍然在使用IE6,而它是一個(gè)對(duì)CSS規(guī)范支持較差,問(wèn)題較多的瀏覽器。
1.1條件注釋
2. 0 css hack
前言, CSS hack由于不同的瀏覽器,比如Internet Explorer 6,Internet Explorer 7, 6,Internet Explorer 8,Mozilla Firefox等,對(duì)CSS的解析不一樣,因此會(huì)導(dǎo)致生成的頁(yè)面效果不一樣,得不到我們所需要的頁(yè)面效果。 這個(gè)時(shí)候我們就需要針對(duì)不同的瀏覽器去寫(xiě)不同的CSS,讓它能夠同時(shí)兼容不同的瀏覽器,能在不同的瀏覽器中也能得到我們想要的頁(yè)面效果。
2.1 css hack詳解
"\9" 例:"border:1px \9;".這里的"\9"可以區(qū)別所有IE和FireFox.
"\0" IE8識(shí)別,IE6、IE7不能.
"*" IE6、IE7可以識(shí)別.IE8、FireFox不能.
"_" IE6可以識(shí)別"_",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總結(jié)
_IE6專(zhuān)用 (IE6不支持!important)
*IE6和IE7專(zhuān)用
\0 IE8IE9
\9區(qū)分IE和火狐
!important IE6以上的瀏覽器支持
\9\0 IE9支持
推薦文章
2024-11-28
2024-06-25
2024-01-04
2023-11-06
2023-10-30
2023-10-13
2023-10-10
穩(wěn)定
產(chǎn)品高可用性高并發(fā)貼心
項(xiàng)目群及時(shí)溝通專(zhuān)業(yè)
產(chǎn)品經(jīng)理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽(yù)堅(jiān)持
10年專(zhuān)注高端品質(zhì)開(kāi)發(fā)聯(lián)系我們
友情鏈接: