CSS hack

直接的拢驾,不廢話性置!

什么是CSS hack吨枉?

由于不同廠商的流覽器或某瀏覽器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等)主儡,對CSS的支持奖唯、解析不一樣,導(dǎo)致在不同瀏覽器的環(huán)境中呈現(xiàn)出不一致的頁面展現(xiàn)效果糜值。這時,我們?yōu)榱双@得統(tǒng)一的頁面效果坯墨,就需要針對不同的瀏覽器或不同版本寫特定的CSS樣式寂汇,我們把這個針對不同的瀏覽器/不同版本寫相應(yīng)的CSS code的過程,叫做CSS hack!

CSS hack的原理:

由于不同的瀏覽器和瀏覽器各版本對CSS的支持及解析結(jié)果不一樣捣染,以及CSS優(yōu)先級對瀏覽器展現(xiàn)效果的影響骄瓣,我們可以據(jù)此針對不同的瀏覽器情景來應(yīng)用不同的CSS。

CSS hack的分類:

CSS Hack大致有3種表現(xiàn)形式:CSS屬性前綴法耍攘、選擇器前綴法榕栏、IE條件注釋法(即HTML頭部引用if IE)Hack。

實際項目中CSS Hack大部分是針對IE瀏覽器不同版本之間的表現(xiàn)差異而引入的蕾各。

屬性前綴法(即類內(nèi)部Hack):例如 IE6能識別下劃線""和星號" * "扒磁,IE7能識別星號" * ",但不能識別下劃線""式曲,IE6~IE10都認(rèn)識"\9"妨托,但firefox前述三個都不能認(rèn)識缸榛。

選擇器前綴法(即選擇器Hack):例如 IE6能識別html .class{},IE7能識別+html .class{}或者*:first-child+html .class{}兰伤。

IE條件注釋法(即HTML條件注釋Hack):針對所有IE(注:IE10+已經(jīng)不再支持條件注釋): 内颗,針對IE6及以下版本: 。這類Hack不僅對CSS生效敦腔,對寫在判斷語句里面的所有代碼都會生效均澳。

CSS hack書寫順序,一般是將適用范圍廣符衔、被識別能力強的CSS定義在前面找前。

更詳細的內(nèi)容請移步:
http://blog.csdn.net/zhcscs/article/details/46969251
感謝該博客的作者辛苦總結(jié)整理!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末柏腻,一起剝皮案震驚了整個濱河市纸厉,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌五嫂,老刑警劉巖颗品,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異沃缘,居然都是意外死亡躯枢,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進店門槐臀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來锄蹂,“玉大人,你說我怎么就攤上這事水慨〉妹樱” “怎么了?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵晰洒,是天一觀的道長朝抖。 經(jīng)常有香客問我,道長谍珊,這世上最難降的妖魔是什么治宣? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮砌滞,結(jié)果婚禮上侮邀,老公的妹妹穿的比我還像新娘。我一直安慰自己贝润,他們只是感情好绊茧,可當(dāng)我...
    茶點故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著题暖,像睡著了一般按傅。 火紅的嫁衣襯著肌膚如雪捉超。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天唯绍,我揣著相機與錄音拼岳,去河邊找鬼。 笑死况芒,一個胖子當(dāng)著我的面吹牛惜纸,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播绝骚,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼耐版,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了压汪?” 一聲冷哼從身側(cè)響起粪牲,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎止剖,沒想到半個月后腺阳,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡穿香,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年亭引,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片皮获。...
    茶點故事閱讀 39,785評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡焙蚓,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出洒宝,到底是詐尸還是另有隱情购公,我是刑警寧澤,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布雁歌,位于F島的核電站君丁,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏将宪。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一橡庞、第九天 我趴在偏房一處隱蔽的房頂上張望较坛。 院中可真熱鬧,春花似錦扒最、人聲如沸丑勤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽法竞。三九已至耙厚,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間岔霸,已是汗流浹背薛躬。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留呆细,地道東北人型宝。 一個月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像絮爷,于是被迫代替她去往敵國和親趴酣。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,713評論 2 354

推薦閱讀更多精彩內(nèi)容