CSS在IE6中常見的相容性問題

2022-06-04 03:24:09 字數 940 閱讀 6581

1.在ie6中png24格式的不透明

解決辦法:寫乙個條件注釋語句,引入乙個js外掛程式,然後呼叫一下js中的方法,把需要處理的元素的類名寫在括號中,如下

2.ie6中position:fixed;無效

可以用position:absolute;進行定位,right控制右邊的距離,top值用通過js獲取各種值去計算

3.ie6中雙邊距問題

即:浮動元素擁有同向margin值(left和margin-left,right和margin-right),第乙個元素會出現同向的margin值

例如三個margin-left:10px;的div都float:left;第乙個(最左邊的)div的margin-left是20px,或者margin-right:20px;float:right;最右邊的會出現margin-right:40px;

解決辦法:針對ie6,把元素轉成內聯,在那個元素的css中寫上 _display:inline; 下劃線的意思是針對ie6,只有ie6才解析(順便提一下 ,星號 * 是針對ie7的)

4.諜影重重

寫了幾行正常的標籤

正常情況下應該是

但在ie6中可能會這樣,但把div上邊的注釋刪了之後就會恢復正常

造成這個bug的原因可能是多重混合的,如浮動,注釋,寬高定義等等。並且注釋條數越多,溢位的文字也會隨之增多。

所以解決辦法:刪除box1和box2之間所有的注釋、不設定浮動等。

(IE6)中常見的幾個相容性問題簡述

產生條件 不設定文件宣告,頁面就會陷入怪異盒模型解析模式 解決方法 加入文件宣告 產生條件 在ie6下,塊元素有浮動有橫向的margin,橫向的margin值會被放大成兩倍浮動方向與margin方向一致時,該方向會出現雙倍邊距 解決方法 display inline img產生條件 ie6瀏覽器 l...

IE6關於CSS的相容性差異總結

一.選擇器差異 1.動態偽類的差異 hover,active,focus ie6的 hover以及 active只支援錨鏈結 a 而 focus完全無用 ie7的 hover支援所有元素,但是 active以及 focus被忽略 解決方案 加入htc 檔案 csshover.htc body 二.盒...

html 滾動條在IE6和IE7中相容性問題

原因 在該頁面元素的css樣式中沒有加對該元素顯示的大小限制 高度height或寬度width。解決方法 在css中增加對包含滾動條的頁面元素的顯示大小限制。例子 複製 如下 以下css在ie6中滾動天不顯示,但在ie7中正常顯示 div.scrollbardiv 以下css在ie6和ie7中均正常...