廣州正穗軟件解讀網(wǎng)頁設(shè)計(jì)最全的CSS Hack。CSS Hack 是用來解決目前各類瀏覽器無法標(biāo)準(zhǔn)解析CSS樣式，導(dǎo)致網(wǎng)頁在各瀏覽器下出現(xiàn)顯示效果不一致的兼容問題。目前我們無法指望各類瀏覽器能實(shí)現(xiàn)統(tǒng)一的解析標(biāo)準(zhǔn)，所以只能用CSS Hack來單獨(dú)糾正各大瀏覽器的兼容問題。
在網(wǎng)上隨便可以搜索到大堆的CSS Hack但是卻很難找到最齊全的CSS Hack，而且網(wǎng)上流傳的CSS Hack基本上都需要按順序來寫，對(duì)于新手來說的話就會(huì)顯得比較麻煩了。所以我們必須需要一份最完全的CSS Hack，他必須單獨(dú)針對(duì)某個(gè)瀏覽器，而不需要繁瑣的去排序。 最全的CSS Hack請(qǐng)往下面看吧！
/* 針對(duì)IE 6的專屬CSS Hack */
| #id{ _display: block; } |
IE6瀏覽器下只要在CSS屬性前加上一個(gè)小下劃線就行了。
| /* IE 7 */ #id{ *display: block; } |
IE7瀏覽器下只要在CSS屬性前加上一個(gè)星號(hào)就行了。
| /* IE 8*/ #id{ margin-top: 10px \9; /*IE8*/ } |
IE8瀏覽器下只要在CSS屬性后面，分號(hào)前面打上一個(gè)空格然后反斜線加一個(gè)數(shù)字9就行了。
| /* Firefox */ @-moz-document url-prefix() { #id{ display: block; } } |
火狐瀏覽器下，只要將CSS代碼寫入到 @-moz-document url-prefix（）{ } 里面就行了。
| /* Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #id { display: block; } } |
蘋果的Safair和火狐差不多，寫到 @media screen and （-webkit-min-device-pixel-ratio:0）{ } 這里面。
| /* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #id { display: block; } } |
Oprea也是照葫蘆畫瓢。
PS：上面的CSS樣式中的“#id” 就是需要渲染的元素。也可以是class。CSS Hack雖然可以解決瀏覽器的兼容性問題，但是卻通不過W3C的驗(yàn)證，不說話又說回來瀏覽器都不標(biāo)準(zhǔn)還管得著W3C標(biāo)準(zhǔn)嗎。
本文出自正穗軟件科技有限公司，更多關(guān)于廣州網(wǎng)站建設(shè)、廣州網(wǎng)站推廣詳情請(qǐng)關(guān)注：
本站所有相關(guān)知識(shí)僅供大家參考、學(xué)習(xí)之用，本文來源于互聯(lián)網(wǎng)，其版權(quán)均歸原作者及網(wǎng)站所有，如無意侵犯您的權(quán)利，請(qǐng)與小編聯(lián)系，我們將會(huì)在第一時(shí)間核實(shí)， 如情況屬實(shí)會(huì)在3個(gè)工作日內(nèi)刪除；如您有優(yōu)秀作品，也歡迎聯(lián)系小編在我們網(wǎng)站投稿！http://m.nltg.com.cn/聯(lián)系方式： zhengsui888@163.com
