IE6不相容問題

2022-06-14 10:39:14 字數 1045 閱讀 3534

一、選擇器相容問題

1.交集選擇器從ie7以上相容(div.special):

2.兒子選擇器(>):ie7開始相容,ie6不相容。

3.序選擇器(first-child,last-child,nth-child(1/2n+2)ie8開始相容

·選擇器

說ie6

層面相容的:

標籤選擇器、

id選擇器、類選擇器、後代、交集選擇器、並集選擇器、萬用字元。

p#box

.spec

div p

div.spec

div,p

*ie7

div>p

h3+p

ie8能夠相容的:

ul li:first-child

ul li:last-child

二、一些小問題

1.ie6,不支援小於12px的盒子。

解決方法:將盒子的字型大小,設定小(小於盒子的高),比如0px。

2.瀏覽器hack。hack就是「黑客」,就是使用瀏覽器提供的後門,針對某一種瀏覽器做相容。

ie6留了乙個後門,就是只要給css屬性之前,加上下劃線,這個屬性就是ie6認識的專有屬性。

比如:3.1與2結合:

4.ie6

不支援用

overflow:hidden;

來清除浮動的

解決辦法,以毒攻毒。追加一條

_zoom:1;

完整寫法:

overflow: hidden;

_zoom:1;

實際上,

_zoom:1;

能夠觸發瀏覽器

haslayout

機制。這個機制,不要深究了,因為就

ie6有。我們只需要讓

ie6強調一點,

overflow:hidden;

的本意,就是溢位盒子的

border

的東西隱藏,這個功能是

ie6相容的。不相容的是

overflow:hidden;

清除浮動的時候。

CSS 中ie6相容問題

1 css bug css樣式在各個瀏覽器中解析不一致的情況,或者說是css樣式在瀏覽器中不正確顯示問題,成為css bug 2 css hack css 中,hack是指一種相容css在不同瀏覽器中正確顯示的技巧方法,因為他們都屬於個人對css 的 非官方修改,或者非官方補丁。有人喜歡用patch...

ie6 ie8不相容問題

一.設定float後,margin雙倍距離問題 1.加display inline解決 如 margin left 10px display inline 2.ie都能識別 標準瀏覽器 如ff 不能識別 ie6能識別 但不能識別 important,ie7能識別 也能識別 important ff不...

有關IE6相容問題與解決

何為相容問題 所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。問題一 瀏覽...