1.img底部有一小段空白(加個邊框看看就知道了)
解決:①display:block;
②vertical-align:top/middle/bottom(不是baseline就行)
2.ie6,float方向與margin方向一致時,margin會雙倍顯示
解決:-display:inline;
3.ie6,一些塊級元素的高度不能低於18px
②overflow:hidden;
4.表單元素行高不一致
解決:float:left;
5.各個瀏覽器的按鈕不一樣
解決:①用a標籤代替
②寫樣式(記得去掉邊框)
③用代替
6.ie6,50%+50%>100%(兩個寬50%的浮動元素)
解決:給右邊元素新增clear:right;
7.cursor小手
解決:統一用cursor:pointer;(不用cursor:hand)
8.透明問題
解決:ie:filter:alpha(opacity = 100); (1~100)
其他:opcity:1; (0~1)
注意:透明度是可以繼承的
9.減號
ie6認識 例如-background-color:red;
所以可以這樣寫:background-color:green;-background-color:red;(不認識「-」的會忽略,認識的會覆蓋前面的)
10.!important
ie6不認識
11.*
ie6、ie7認識 例如*color:red;
12.\9
ie6/ie7/ie8/ie9/ie10都生效
13.\0
ie8/ie9/ie10都生效
14.\9\0
只對ie9/ie10生效
15.+
ie716.-
ie6
除ie外都可識別
行內塊元素相容(ie8):
display : inline-block;
*zoom: 1;
display: inline;
一些相容問題
1.ie9以上瀏覽器input文字框 密碼框後面的小叉子 小眼睛問題 通過css虛擬元素 ms clear ms reveal 禁用 input ms clear 隱藏文字框叉子 input ms reveal 隱藏密碼框小眼睛 2.pie.htc 可以實現很多css3屬性在ie下的相容性 如 圓角...
css相容問題
ie6 可以在屬性前加 ie7 可以在屬性前加 ie8 可以在屬性前加 什麼都不加就是火狐的標準 比如 margin是調火狐的 margin是調ie6的 margin是調ie7的 margin是調ie8的.其實,在實際的開發過程中,我們對常見的css屬性相容情況了然於胸,才能極大的提高我們的開發效率...
css相容問題
1.就是 ie6 雙倍邊距的問題,在使用了 float 的情況下,不管是向左還是向右都會出現雙 倍,最簡單的解決方法就是用 display inline 加到 css 裡面去。2.文字本身的大小不相容。同樣是 font size 14px 的宋體文字,在不同瀏覽器下佔的空間是不一樣的,ie 下實際佔...