css hack

1凿傅、IE6萌京、IE7、Firefox之間的兼容寫法:

寫法一:

IE都能識(shí)別*;標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*乳讥;

IE6能識(shí)別*筹麸,但不能識(shí)別!important,

IE7能識(shí)別*,也能識(shí)別!important;

FF不能識(shí)別*雏婶,但能識(shí)別!important;

根據(jù)上述表達(dá)物赶,同一類/ID下的CSShack可寫為:

.searchInput {

background-color:#333;/*三者皆可*/

*background-color:#666!important; /*僅IE7*/

*background-color:#999; /*僅IE6及IE6以下*/

}

一般三者的書寫順序?yàn)椋篎F、IE7留晚、IE6.

寫法二:

IE6可識(shí)別“_”酵紫,而IE7及FF皆不能識(shí)別,所以當(dāng)只針對(duì)IE6與IE7及FF之間的區(qū)別時(shí)错维,可這樣書寫:

.searchInput {

background-color:#333;/*通用*/

_background-color:#666;/*僅IE6可識(shí)別*/

}

寫法三:

*+html與*html是IE特有的標(biāo)簽, Firefox暫不支持奖地。

.searchInput {background-color:#333;}

*html .searchInput {background-color:#666;}/*僅IE6*/

*+html .searchInput {background-color:#555;}/*僅IE7*/

屏蔽IE瀏覽器:

select是選擇符,根據(jù)情況更換赋焕。第二句是MAC上safari瀏覽器獨(dú)有的参歹。

*:lang(zh) select {font:12px !important;} /*FF的專用*/

select:empty {font:12px !important;} /*safari可見*/

IE6可識(shí)別:

這里主要是通過CSS注釋分開一個(gè)屬性與值,注釋在冒號(hào)前隆判。

select { display /*IE6不識(shí)別*/:none;}

IE的if條件hack寫法:

所有的IE可識(shí)別:

Only IE

只有IE5.0可以識(shí)別:

Only IE 5.0

IE5.0包換IE5.5都可以識(shí)別:

Only IE 5.0+

僅IE6可識(shí)別:

Only IE 6-

IE6以及IE6以下的IE5.x都可識(shí)別:

Only IE 6/+

僅IE7可識(shí)別:

Only IE 7/-

瀏覽器透明度的兼容問題:

.opacity{

opacity:0.5;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); ?/* 解決 IE6~IE8 出現(xiàn)的兼容問題 */

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末犬庇,一起剝皮案震驚了整個(gè)濱河市僧界,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌臭挽,老刑警劉巖捂襟,帶你破解...
    沈念sama閱讀 216,997評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異欢峰,居然都是意外死亡葬荷,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門纽帖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來宠漩,“玉大人,你說我怎么就攤上這事懊直『骞拢” “怎么了?”我有些...
    開封第一講書人閱讀 163,359評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵吹截,是天一觀的道長。 經(jīng)常有香客問我凝危,道長波俄,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,309評(píng)論 1 292
  • 正文 為了忘掉前任蛾默,我火速辦了婚禮懦铺,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘支鸡。我一直安慰自己冬念,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,346評(píng)論 6 390
  • 文/花漫 我一把揭開白布牧挣。 她就那樣靜靜地躺著急前,像睡著了一般。 火紅的嫁衣襯著肌膚如雪瀑构。 梳的紋絲不亂的頭發(fā)上裆针,一...
    開封第一講書人閱讀 51,258評(píng)論 1 300
  • 那天,我揣著相機(jī)與錄音寺晌,去河邊找鬼世吨。 笑死,一個(gè)胖子當(dāng)著我的面吹牛呻征,可吹牛的內(nèi)容都是我干的耘婚。 我是一名探鬼主播,決...
    沈念sama閱讀 40,122評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼陆赋,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼沐祷!你這毒婦竟也來了嚷闭?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,970評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤戈轿,失蹤者是張志新(化名)和其女友劉穎凌受,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體思杯,經(jīng)...
    沈念sama閱讀 45,403評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡胜蛉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,596評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了色乾。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片誊册。...
    茶點(diǎn)故事閱讀 39,769評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖暖璧,靈堂內(nèi)的尸體忽然破棺而出案怯,到底是詐尸還是另有隱情,我是刑警寧澤澎办,帶...
    沈念sama閱讀 35,464評(píng)論 5 344
  • 正文 年R本政府宣布嘲碱,位于F島的核電站,受9級(jí)特大地震影響局蚀,放射性物質(zhì)發(fā)生泄漏麦锯。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,075評(píng)論 3 327
  • 文/蒙蒙 一琅绅、第九天 我趴在偏房一處隱蔽的房頂上張望扶欣。 院中可真熱鬧,春花似錦千扶、人聲如沸料祠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽髓绽。三九已至,卻和暖如春妆绞,著一層夾襖步出監(jiān)牢的瞬間梧宫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評(píng)論 1 269
  • 我被黑心中介騙來泰國打工摆碉, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留塘匣,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,831評(píng)論 2 370
  • 正文 我出身青樓巷帝,卻偏偏與公主長得像忌卤,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子楞泼,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,678評(píng)論 2 354

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

  • 做前端多年驰徊,雖然不是經(jīng)常需要hack笤闯,但是我們經(jīng)常會(huì)遇到各瀏覽器表現(xiàn)不一致的情況」鞒В基于此颗味,某些情況我們會(huì)極不情愿的...
    大女表哥閱讀 1,092評(píng)論 0 9
  • 關(guān)于CSS對(duì)各個(gè)瀏覽器兼容已經(jīng)是老生常談的問題了, 網(wǎng)絡(luò)上的教程遍地都是.以下內(nèi)容沒有太多新穎, 純屬個(gè)人總結(jié), ...
    xxiao1988閱讀 1,908評(píng)論 0 1
  • 1、什么是CSS hack? CSS hack是通過在CSS樣式中加入一些特殊的符號(hào)牺弹,讓不同的瀏覽器識(shí)別不同的符號(hào)...
    才気莮孒閱讀 345評(píng)論 0 1
  • 1浦马、什么是CSS hack? CSS hack是通過在CSS樣式中加入一些特殊的符號(hào),讓不同的瀏覽器識(shí)別不同的符號(hào)...
    aymincoder閱讀 402評(píng)論 0 1
  • 常規(guī) margin-bottom:40px; /*ff的屬性*/ margin-bottom:140px\9; /...
    奇特思維家閱讀 902評(píng)論 0 0