關於 IE 這坨屎

2021-06-28 05:20:06 字數 1646 閱讀 9069

記錄下最近遇到的ie的bug,大部分是樣式的問題,因為jquery很好的解決了js的相容性問題。

1.ie6/7 當text-ident遇到inline-block時,整個標籤會被縮排掉。解決方案:1使用block+float,但無法居中。2再標籤前面加個 佔位符即可。

2.ie下空標籤失效解決辦法:background:url(about:blank);

3. overflow失效!樣式position:relative引起!解決:再父類加position:relative;

4.ie: margin雙倍!浮動引起!解決:display:inline; 

5.透明:

6.常用頭部html**

//360預設使用極速模式,即webkit核心

//mobile下自適應,現在大多數智慧型手機的瀏覽器已經可以預設自適應了

//在未指定doctype時,在ie下文字模式會進入quirks模式,ie=edge會使其選擇最高版本的文字模式,ie=8,則會選擇文字模式ie8,如果安裝了gcf,則可以使用chrome核心渲染(chrome太強大了),

這裡用處不大,因為一般都會有doctype,主要是在伺服器上配置很有用。在伺服器端指定響應頭為ie=edge作用是:在使用以ie為核心的瀏覽器時(例如360安全模式)會使其文字模式選擇最高版本的,這很重要。

apache下指定自定義http響應頭

loadmodule headers_module modules/mod_headers.so

header set x-ua-compatible 「ie=edge」

參考7.ie6下不支援console,ie7/8是支援的,但是使用360瀏覽器,當本地ie版本<=8時,當從極速模式切換到安全模式時,console物件會丟失,如果console.log則會導致頁面掛掉。可以簡單定義個:window.console = window.console || ;

8.頁面變灰樣式

html

9.ie下的placeholder

define(['jquery'], function($)

$("input[placeholder]").each(function()

var placeholder = $this.attr("placeholder");

$this.focus(function()

});$this.blur(function()

});if($this.val() == "")

});});

10.針對ie做處理的引用方式

12.ie6 除錯工具

引入此js**即可

13. ie8下背景圖拉伸

filter: progid:dximagetransform.microsoft.alphaimageloader(src="***.png"), sizingmethod='scale');

14.ie8圓角

.ie8

}

15.ie8下, input[type=text] 不給 line-height, 游標會在最上邊,給 line-height 後,注意 不能使用 box-sizing: border-box;  safari 下游標會為行高

關於ie驅動

無論是selenium2 webdriver 還是selenium2library,如果想要呼叫ie瀏覽器,均需以下步驟。解壓縮得到iedriverserver.exe,並將其所在目錄新增到環境變數 針對windows vista和windows 7上的ie7或者更高的版本,必須在ie選項設定的安全...

text last align關於IE的相容

text align的兩端對齊只針對段落,且是漢字或者多個單詞的段落除最後一行外的兩端對齊,chrome等瀏覽器自然是沒問題的,但是ie卻不行,目前在做乙個需要相容到ie8的專案,必須相容ie8,首先看下can i use。部分相容的大意就是,需要作用的元素為塊級元素,且具有一定的寬度,親測發現di...

關於IE裡的nextSibling

script varshq shq.cmenu function e script div id div1 onclick shq.cmenu event a href 特色 a div div id div2 div 系統環境 win8,ie11 過程描述 當點選 特色 時,div2的innerh...