CSS中一些相容問題

2021-08-23 12:17:49 字數 1090 閱讀 2591

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 下實際佔...