瀏覽器兼容性的問題

1.不同瀏覽器默認(rèn)的外補(bǔ)丁和內(nèi)補(bǔ)丁不同;

? ? ? ?*{margin: 0;padding: 0;}

2.同時使用margin和float時,IE6下的雙倍邊距bug如何解決?

? ? ?(1).給float元素添加display: inline;

? ? ? (2)將margin替換成padding

3.IE6下因為默認(rèn)行高無法定義1px左右的容器

? ? ? overflow: hidden; ? zoom: ?0.08; line-height: 1px; ?font-size: 0;

4.有些瀏覽器下img有空隙(原因:回車)

? ? ? ? 讓圖片浮動

5.opacticy

? ? ?filter: alpha(opacity = 80) ? //IE

? ? ?opacity: 0.8; ? ? ? ? ? ? ? ? ? ? ? ? ?//支持css3的瀏覽器

css hack:

說明:在標(biāo)準(zhǔn)模式中

“-″減號是IE6專有的hack

“\9″ IE6/IE7/IE8/IE9/IE10都生效

“\0″ IE8/IE9/IE10都生效尊流,是IE8/9/10的hack

“\9\0″ 只對IE9/IE10生效,是IE9/10的hack


關(guān)于IE&&Firefox之間的區(qū)別:

innerText ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? IE 支持 ? ? ? ? FF 不支持(使用textContent)

document.createElement ? ? ? ? ? ? IE支持(僅IE支持傳遞字符串作為參數(shù)) ? ? FF支持

setAttribute() ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? IE不支持 ? ? ?FF支持



FF瀏覽器不支持innerText ?, outerHTML ?, outerText

innerText最初是由 IE4.0 瀏覽器實現(xiàn)的私有屬性,它描述的是元素的內(nèi)容

outerHTML最初是由 IE瀏覽器實現(xiàn)的私有屬性哼蛆,W3C 的 HTML5 規(guī)范草案中也新加入了這個屬性,它描述的是元素本身以及它的內(nèi)容篇亭。

outerText最初是由 IE4.0 瀏覽器實現(xiàn)的私有屬性,它描述的是元素的內(nèi)容孽江。



(1)IE 各版本中可以通過 "Element.PropertyName" 訪問 HTML 元素的自定義屬性辜腺;

(2)IE 各版本中可以通過 "Element.getAttribute("value")" 及 "Element.setAttribute("value", "XXX")" 獲取和設(shè)置 INPUT 文本框的實時輸入的值(即 HTMLInputElement 對象的 value 屬性,也叫做 current value)碉渡;

(3)IE6 IE7 IE8(Q) 中無法通過 "Element.setAttribute("class", "AttributeValue")" 設(shè)置元素的 class 屬性聚谁,而需要使用 "Element.setAttribute("className", "AttributeValue")";

(4)IE6 IE7 IE8(Q) 中無法通過 "Element.setAttribute("style", "AttributeValue")" 設(shè)置元素的 style 屬性滞诺,通過 "Element.getAttribute("style")" 得到的不是元素的 style 屬性的字符串值形导,而是一個對象;

(4)IE6 IE7 IE8(Q) 中無法通過諸如 "Element.setAttribute("onclick", "alert('ok')")" 為元素綁定事件习霹;

(5)IE6 IE7 IE8(Q) 中可以通過諸如 "Element.getAttribute("offsetHeight")" 的方式獲得元素的一些 DOM 屬性的值朵耕,也可以通過諸如 "Element.setAttibute("innerHTML", "AttributeValue")" 的方式設(shè)置元素的一些非只讀 DOM 屬性的值。

(6)E并不是不支持setAttribute這個函數(shù),而是不支持用setAttribute設(shè)置某些屬性淋叶,例如對象屬性阎曹、集合屬性、事件屬性煞檩,也就是說用setAttribute設(shè)置style和onclick這些屬性在IE中是行不通的处嫌。為達(dá)到兼容各種瀏覽器的效果,可以用點符號法來設(shè)置Element的對象屬性斟湃、集合屬性和事件屬性熏迹。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市凝赛,隨后出現(xiàn)的幾起案子注暗,更是在濱河造成了極大的恐慌,老刑警劉巖墓猎,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件捆昏,死亡現(xiàn)場離奇詭異,居然都是意外死亡陶衅,警方通過查閱死者的電腦和手機(jī)屡立,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來搀军,“玉大人膨俐,你說我怎么就攤上這事≌志洌” “怎么了焚刺?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長门烂。 經(jīng)常有香客問我乳愉,道長兄淫,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任蔓姚,我火速辦了婚禮捕虽,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘坡脐。我一直安慰自己泄私,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布备闲。 她就那樣靜靜地躺著晌端,像睡著了一般。 火紅的嫁衣襯著肌膚如雪恬砂。 梳的紋絲不亂的頭發(fā)上咧纠,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天,我揣著相機(jī)與錄音泻骤,去河邊找鬼漆羔。 笑死,一個胖子當(dāng)著我的面吹牛瞪讼,可吹牛的內(nèi)容都是我干的钧椰。 我是一名探鬼主播,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼符欠,長吁一口氣:“原來是場噩夢啊……” “哼嫡霞!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起希柿,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤诊沪,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后曾撤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體端姚,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年挤悉,在試婚紗的時候發(fā)現(xiàn)自己被綠了渐裸。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,133評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡装悲,死狀恐怖闹击,靈堂內(nèi)的尸體忽然破棺而出和敬,到底是詐尸還是另有隱情媳溺,我是刑警寧澤况既,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站属瓣,受9級特大地震影響载迄,放射性物質(zhì)發(fā)生泄漏讯柔。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一护昧、第九天 我趴在偏房一處隱蔽的房頂上張望魂迄。 院中可真熱鬧,春花似錦捏卓、人聲如沸极祸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至浴捆,卻和暖如春蒜田,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背选泻。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工冲粤, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人页眯。 一個月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓梯捕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親窝撵。 傳聞我的和親對象是個殘疾皇子傀顾,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,077評論 2 355

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