記錄下最近遇到的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圓角
.ie815.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...