?
This document uses PHP Chinese website manual Release
selector{<hack>?property:value<hack>?;}
_:選擇IE6及以下。連接線(中劃線)(-)亦可使用,為了避免與某些帶中劃線的屬性混淆,所以使用下劃線(_)更為合適。
*:選擇IE7及以下。諸如:(+)與(#)之類的均可使用,不過(guò)業(yè)界對(duì)(*)的認(rèn)知度更高
\9:選擇IE6+
\0:選擇IE8+和Opera15以下的瀏覽器
盡可能減少對(duì)CSS Hack的使用。Hack有風(fēng)險(xiǎn),使用需謹(jǐn)慎
通常如未作特別說(shuō)明,本文檔所有的代碼和示例的默認(rèn)運(yùn)行環(huán)境都為標(biāo)準(zhǔn)模式。
一些CSS Hack由于瀏覽器存在交叉認(rèn)識(shí),所以需要通過(guò)層層覆蓋的方式來(lái)實(shí)現(xiàn)對(duì)不同瀏覽器進(jìn)行Hack的。如下面這個(gè)例子:
如想同一段文字在IE6,7,8顯示為不同顏色,可這樣寫:
.test { color: #090\9; /* For IE8+ */ *color: #f00; /* For IE7 and earlier */ _color: #ff0; /* For IE6 and earlier */ }
* 上述Hack均需運(yùn)行在標(biāo)準(zhǔn)模式下,若在怪異模式下運(yùn)行,這些Hack將會(huì)被不同版本的IE相互識(shí)別,導(dǎo)致失效。
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>屬性級(jí)Hack_CSS參考手冊(cè)_web前端開發(fā)參考手冊(cè)系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> h1 { margin: 10px 0; font-size: 16px; } .test { color: #c30; /* For latest Firefox, chrome, Safari */ color: #090\0; /* For Opera15- */ color: #00f\9; /* For IE8+ */ *color: #f00; /* For IE7 */ _color: #ff0; /* For IE6 */ } </style> </head> <body> <div class="test">在不同瀏覽器下看看我的顏色吧</div> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例