當html css遇到IE6部分問題解決方法

2021-08-13 18:49:42 字數 662 閱讀 2557

ie6對png的修復

注意:ie6對png24支援度不高,使用會無法顯示。

解決方法:

1、  png8代替png24(清晰度會下降)

2、  使用js解決,引入js檔案。

格式:

條件hack

css hack指的是乙個特殊的**,只在某些瀏覽器中可以識別,其他瀏覽器不能識別。

**片:

練習:適用於以上版本,**旨在ie6中執行

屬性hack

屬性hack:body{

background-color:#bfa;

/*假設在ie6中將背景色設定成黃色才和其他樣式相同*/

_background-color:yello;

/*注意:

-:選擇ie6及以上

*:選擇ie7及以上

\9:選擇ie6+

\0:選擇ie8+和operais以下的瀏覽器

選擇符hack:在選擇器前新增* html,則該選擇器只有ie6可以識別,但是盡量不使用

IE6,浮動遇到絕對定位

本來兩個不相同的東西,在ie6下硬是會擦出火花.當乙個元素內有乙個塊級元素並佔據整行的時候,讓它浮動,然後在它後面的行內元進行絕對定位 父級元素進行相對定位 在其他瀏覽器下都能正常顯示,在ie6下會莫名其妙的消失。嘗試改變ul的長度,或者取消浮動都可以讓ie6正常顯示,莫非ie6下,絕對定位元素被覆...

IE6 遇到bug及解決辦法

當頁面上的元素使用 float 浮動時,不管是向左還是向右浮動 只要該元素帶有 margin 畫素都會使該值乘以 2,例如 margin left 10px 在 ie6 中,該值就會被解析為 20px。想要解決這個 bug 就需要在該元素中加入 display inline 或 display bl...

部分透明的蒙版效果 相容ie6

先看下要實現的效果 png24位的如下 與普通的蒙版效果不一樣,需要有乙個空白的地方顯示頁面上原有的動態內容 實現思路如下 1 要支援圖的半透明效果,需要採用png24格式 png8不支援半透明效果,儲存後會變成底色位黑色的 為相容ie6需要加hack background 0 filter pro...