一些相容問題

2022-08-22 00:51:13 字數 606 閱讀 1266

1.ie9以上瀏覽器input文字框/密碼框後面的小叉子/小眼睛問題

通過css虛擬元素(::-ms-clear、::-ms-reveal)禁用

input::-ms-clear/*隱藏文字框叉子*/

input::-ms-reveal/*隱藏密碼框小眼睛*/

2.pie.htc 可以實現很多css3屬性在ie下的相容性 如:圓角、陰影、漸變

.signbtn

3.ie6雙倍邊距

發生條件:必須是ie6 下;浮動;橫向的margin

解決方法:

display:inline;

4.ie6吞吃現象:上下兩個div,上面的div設定背景,卻發現下面沒有設定背景的div 也有了背景。

zoom:1;

5.ie8下面的png無法正常顯示

原因:開啟除錯面板,你會發現ie瀏覽器把png格式的img解析成span標籤,導致圖無法顯示

解決方法:  

在樣式裡面對span設定寬高和display:inline-block;即可

6.

CSS中一些相容問題

1.img底部有一小段空白 加個邊框看看就知道了 解決 display block vertical align top middle bottom 不是baseline就行 2.ie6,float方向與margin方向一致時,margin會雙倍顯示 解決 display inline 3.ie6,...

Dom基礎的一些相容問題

id div1 class bbb div window.onload function var div1 document.getelementsbyname div1 0 alert div1 ie瀏覽器在獲取不合法的html的name時,會獲取不到 也就是說name屬性本身不屬於div,所以i...

IE6的一些相容問題

1 css相容問題 1 ie6不識別html5標籤 解決 引入html5shiv.js庫 2 ie6元素左右浮動,子元素設定高度後,父元素的浮動消失 解決 給子元素也加上浮動 3 ie6下第一塊元素浮動後,第二塊元素加的margin left值等於第一塊元素的寬度,會有間隙問題 解決 第二塊元素去掉...