前端兼容性問題整理

1衷掷、*ie6下子級寬度會撐開父級設(shè)置好的寬度笋籽。

方案:將子級元素的寬度設(shè)置為小于等于父級元素的寬度盒模型的計算一定要準(zhǔn)確,否則在IE下會出現(xiàn)問題部凑;

2汁针、*IE6中,元素浮動:如果元素需要寬度進(jìn)行撐開砚尽,需要給里面的子級元素都添加浮動才可以

3、*IE6的最小高度問題辉词,

4必孤、*IE6 下不支持1px的 dotted 邊框樣式切背景平鋪

5、*IE6/7/8下瑞躺,父級有邊框的時候敷搪,子級的margin會失效,

方案:在IE下的大部分兼容性問題都是因為hasLayout屬性觸發(fā)的問題幢哨,盡量觸發(fā)hasLayout可以減少IE的問題

hasLayout只在IE6/7/8中有赡勘,zoom 界面加載初始賠率,觸發(fā)IE 中haslayout

6捞镰、在IE6下闸与,!塊元素有浮動并且橫向有margin 的時候岸售,橫向的margin會擴(kuò)大兩倍!

方案:給塊元素設(shè)置display:inline;

7践樱、ie6/7下,li本身沒有浮動凸丸,li里面的內(nèi)容有浮動拷邢。li下會產(chǎn)生一個間隙

方案:給li設(shè)置浮動:float:left;或vertical-align:top/middle/bottom;

8、ie6下屎慢,最小高度的BUG和li的間隙問題共存的時候瞭稼,使用vertical-align:top/middle/bottom;是無效的

方案:必須使用float:left;

9忽洛、在ie6下 的文字溢出

子元素的寬度和父級的寬度如果相差小于3px的時候,兩個浮動元素中間有注釋或者內(nèi)聯(lián)元素的時候环肘,就會出現(xiàn)文字溢出欲虚,內(nèi)聯(lián)元素越多,溢出越多

方案:用塊元素標(biāo)簽把注釋或者內(nèi)聯(lián)元素包裹起來

10廷臼、在IE6下苍在,當(dāng)浮動元素和絕對定位元素是兄弟的時候,絕對定位會失效

方案:不讓浮動元素和絕對定位是兄弟荠商,? 可以用div元素嵌套

11寂恬、在IE6/7下,子級元素有相對定位莱没,父級overflow包不住子級元素

方案:給父級設(shè)置相對定位

12初肉、ie6下,如果絕對定位的父級寬和高是奇數(shù)的時候饰躲,子級元素的right和bottom會有1像素的偏差

方案:跟美工商量牙咏,換偶數(shù)

13、ie6沒有固定定位嘹裂,只能用JS去模擬

14妄壶、ie不認(rèn)識opacity

用:filter:alpha(opacity=0~100);

15、ie6/7下寄狼,輸入表單控件上下會有1px的間隙

方案:給input加浮動

16丁寄、ie6不支持透明度的方式

方案:通過JS

17、<!--注釋條件語句-->

<!--[if ie]>

我是IE

<![end if]-->

18泊愧、css hack

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末伊磺,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子删咱,更是在濱河造成了極大的恐慌屑埋,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,525評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件痰滋,死亡現(xiàn)場離奇詭異摘能,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)敲街,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,203評論 3 395
  • 文/潘曉璐 我一進(jìn)店門徊哑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人聪富,你說我怎么就攤上這事莺丑。” “怎么了?”我有些...
    開封第一講書人閱讀 164,862評論 0 354
  • 文/不壞的土叔 我叫張陵梢莽,是天一觀的道長萧豆。 經(jīng)常有香客問我,道長昏名,這世上最難降的妖魔是什么涮雷? 我笑而不...
    開封第一講書人閱讀 58,728評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮轻局,結(jié)果婚禮上洪鸭,老公的妹妹穿的比我還像新娘。我一直安慰自己仑扑,他們只是感情好览爵,可當(dāng)我...
    茶點故事閱讀 67,743評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著镇饮,像睡著了一般蜓竹。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上储藐,一...
    開封第一講書人閱讀 51,590評論 1 305
  • 那天俱济,我揣著相機(jī)與錄音,去河邊找鬼钙勃。 笑死蛛碌,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的辖源。 我是一名探鬼主播左医,決...
    沈念sama閱讀 40,330評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼同木!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起跛十,我...
    開封第一講書人閱讀 39,244評論 0 276
  • 序言:老撾萬榮一對情侶失蹤彤路,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后芥映,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體洲尊,經(jīng)...
    沈念sama閱讀 45,693評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,885評論 3 336
  • 正文 我和宋清朗相戀三年奈偏,在試婚紗的時候發(fā)現(xiàn)自己被綠了坞嘀。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,001評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡惊来,死狀恐怖丽涩,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤矢渊,帶...
    沈念sama閱讀 35,723評論 5 346
  • 正文 年R本政府宣布继准,位于F島的核電站,受9級特大地震影響矮男,放射性物質(zhì)發(fā)生泄漏移必。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,343評論 3 330
  • 文/蒙蒙 一毡鉴、第九天 我趴在偏房一處隱蔽的房頂上張望崔泵。 院中可真熱鬧,春花似錦猪瞬、人聲如沸憎瘸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,919評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽含思。三九已至,卻和暖如春甘晤,著一層夾襖步出監(jiān)牢的瞬間含潘,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,042評論 1 270
  • 我被黑心中介騙來泰國打工线婚, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留遏弱,地道東北人。 一個月前我還...
    沈念sama閱讀 48,191評論 3 370
  • 正文 我出身青樓塞弊,卻偏偏與公主長得像漱逸,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子游沿,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,955評論 2 355

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案饰抒? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 13,754評論 1 92
  • 斷斷續(xù)續(xù)的在開發(fā)過程中收集了好多的bug以及其解決的辦法,都在這個文章里面記錄下來了诀黍!希望以后解決類似問題的時候能...
    卡卡西哥哥閱讀 526評論 0 1
  • Ba la la la ~ 讀者朋友袋坑,你們好啊,又到了冷鋒時間眯勾,話不多說枣宫,發(fā)車! 13.子選擇器在IE6...
    王飽飽閱讀 429評論 0 2
  • 作者:@翁呀偉呀 授權(quán)本站轉(zhuǎn)載 概論 所謂的持久化,就是將數(shù)據(jù)保存到硬盤中郁轻,使得在應(yīng)用程序或機(jī)器重啟后可以繼續(xù)訪問...
    翻山越嶺的另一邊閱讀 425評論 0 1
  • 每次開篇翅娶,富爸爸說和窮爸爸說總會同時出現(xiàn)。這也給了我們很好的對比。這一章我們會了解兩種不同的預(yù)算故觅。而學(xué)習(xí)如何做盈余...
    Betty_曉芳閱讀 583評論 0 0