瀏覽器兼容問(wèn)題

主流瀏覽器有5種豌注,分別是:IE、chrome旦棉、firefox救斑、safari脸候、opera.

1 ie6.0橫向margin加倍

產(chǎn)生因素:塊屬性纪他、float、有橫向margin薪寓。
解決方法:display:inline向叉;

2 ie6.0下默認(rèn)有行高

解決方法:overflow:hidden;或font-size:0;或line-height:xx px瘦黑;

3 在各個(gè)瀏覽器下img有空隙(原因是:回車幸斥。)

解決方法:讓圖片浮動(dòng)。

4 一個(gè)父標(biāo)簽與幾個(gè)子標(biāo)簽嵌套经窖,父標(biāo)簽不浮動(dòng),子標(biāo)簽float棉钧,子標(biāo)簽不撐開(kāi)父的高度。

解決方法:a 在子標(biāo)簽最后清浮動(dòng){<div 
style="height:0;clear:both;"> </div>}
              b 父標(biāo)簽添加{overflow:hidden佑钾;}
              c 給父標(biāo)簽設(shè)置高度

5 Ie6下,不識(shí)別最大寬兽掰、高度和最小寬高度,意即min-width/height和 Max-width/height在ie6中沒(méi)效果瞻讽,

解決方法:
        (1):.abc{border:1px blue solid;width:200px;height:200px;}
                      html>body .abc{width:auto;height:auto;min-
                      width:200px;min-height:200px;}
        (2):.abc{width:200px;height:200px;_width:200px;_height:200px;}(因?yàn)閕e6有一個(gè)特征,當(dāng)定義一個(gè)高度時(shí)烦磁,如果內(nèi)容超過(guò)高度,元素會(huì)自動(dòng)調(diào)整高度。)

6 Ie6里面:如li設(shè)寬楣嘁、高磅轻,并且li里面的標(biāo)簽浮動(dòng)聋溜,那么li之間會(huì)有間距

解決方法:li不設(shè)寬、高或者li內(nèi)的標(biāo)簽不浮動(dòng)

7 li之間有間距

解決方法:li 設(shè)置vertical-align:middle;

8 3像素問(wèn)題:ie6下,當(dāng)浮動(dòng)元素與流動(dòng)元素并列顯示時(shí),他們之間會(huì)存在三像素問(wèn)題。

 解決方法:用hack技術(shù), 例如:所有瀏覽器通用 
                                              height:100px; 
                                              ie6專用_height:100px;
                                              ie7專用*+height:100px; 
                                              ie6/ie7共用*height:100px;

9 當(dāng)定義行內(nèi)元素為包含框時(shí),且包含框包含的絕對(duì)定位元素以百分比為單位進(jìn)行定位時(shí),會(huì)出現(xiàn)混亂乌妒。

解決方法:在行內(nèi)元素里加入{zoom:1;}

10 當(dāng)多個(gè)浮動(dòng)元素中間夾雜著HTML注釋語(yǔ)句時(shí)外邓,如果浮動(dòng)元素寬度為100%撤蚊,則在下一行多顯示一個(gè)上一行最后一個(gè)字符。

    解決辦法:給浮動(dòng)元素添加display:inline;丧枪。

11 opacity 定義元素的不透明度

 filter:alpha(opacity=80)光涂;/*ie支持該屬性*/
 opacity:0.8;/*支持css3的瀏覽器*/

12 兩個(gè)塊元素拧烦,豎向的margin值不增加忘闻,會(huì)重疊恋博,其間距為最大margin值齐佳。

13 優(yōu)先級(jí):被!important 注明的css屬性具有最高優(yōu)先級(jí)

(.abc{color:red !important;})。但在ie6中!important具有一個(gè)bug:在同一
組css屬性中债沮,!important不起作用炼吴。

14 火狐不識(shí)別background-position-y 或background-position-x;

15 解決 ie6 最大、最小寬高 hack方法


/* 最小寬度 */.min_width
{ min-width:300px; 
_width:expression(parseInt(this.clientWidth) < 300 ? "300px" : this.clientWidth);}
/* 最大寬度 */.max_width
{ max-width:600px;
_width:expression(parseInt(this.clientWidth) > 600 ? "600px" : this.clientWidth);}
/* 最小高度 */.min_height
{ min-height:200px; 
_height:expression(parseInt(this.clientHeight) < 200 ? "200px" : this.clientHeight);}
/* 最大高度 */.max_height
{ max-height:400px;
_height:expression(parseInt(this.clientHeight) > 400 ? "400px" : this.clientHeight);}

16 ie各個(gè)版本hack

/*類內(nèi)部hack:
*/ .header {_width:100px;} 
/* IE6專用*/ .header {*+width:100px;} 
/* IE7專用*/ .header {*width:100px;}
 /* IE6疫衩、IE7共用*/ .header {width:100px\0;} 
/* IE8硅蹦、IE9共用*/ .header {width:100px\9;}
 /* IE6、IE7闷煤、IE8童芹、IE9共用*/ .header {width:330px\9\0;} 
/* IE9專用*//*選擇器Hack:*/ *html .header{} 
/*IE6*/ *+html .header{} /*IE7*/ 

/*選擇器Hack:*/
    *html .header{}        /*IE6*/ 
    *+html .header{}    /*IE7*/ 
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市曹傀,隨后出現(xiàn)的幾起案子辐脖,更是在濱河造成了極大的恐慌,老刑警劉巖皆愉,帶你破解...
    沈念sama閱讀 216,843評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件嗜价,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡幕庐,警方通過(guò)查閱死者的電腦和手機(jī)久锥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,538評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)异剥,“玉大人瑟由,你說(shuō)我怎么就攤上這事≡┦伲” “怎么了歹苦?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,187評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵青伤,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我殴瘦,道長(zhǎng)厦凤,這世上最難降的妖魔是什么锄禽? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,264評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上畜伐,老公的妹妹穿的比我還像新娘闷沥。我一直安慰自己父虑,他們只是感情好单山,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,289評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著悠砚,像睡著了一般晓勇。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上灌旧,一...
    開(kāi)封第一講書(shū)人閱讀 51,231評(píng)論 1 299
  • 那天宵蕉,我揣著相機(jī)與錄音,去河邊找鬼节榜。 笑死,一個(gè)胖子當(dāng)著我的面吹牛别智,可吹牛的內(nèi)容都是我干的宗苍。 我是一名探鬼主播,決...
    沈念sama閱讀 40,116評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼薄榛,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼讳窟!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起敞恋,我...
    開(kāi)封第一講書(shū)人閱讀 38,945評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤丽啡,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后硬猫,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體补箍,經(jīng)...
    沈念sama閱讀 45,367評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,581評(píng)論 2 333
  • 正文 我和宋清朗相戀三年啸蜜,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了坑雅。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,754評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡衬横,死狀恐怖裹粤,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蜂林,我是刑警寧澤遥诉,帶...
    沈念sama閱讀 35,458評(píng)論 5 344
  • 正文 年R本政府宣布拇泣,位于F島的核電站,受9級(jí)特大地震影響矮锈,放射性物質(zhì)發(fā)生泄漏霉翔。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,068評(píng)論 3 327
  • 文/蒙蒙 一愕难、第九天 我趴在偏房一處隱蔽的房頂上張望早龟。 院中可真熱鬧,春花似錦猫缭、人聲如沸葱弟。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,692評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)芝加。三九已至,卻和暖如春射窒,著一層夾襖步出監(jiān)牢的瞬間藏杖,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,842評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工脉顿, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蝌麸,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,797評(píng)論 2 369
  • 正文 我出身青樓艾疟,卻偏偏與公主長(zhǎng)得像来吩,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蔽莱,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,654評(píng)論 2 354

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