CSS在IE6中常見(jiàn)的兼容性問(wèn)題

番茄西紅柿發(fā)布于2019-04-23 11:46 / 1572人閱讀

摘要：并且注釋條數(shù)越多，溢出的文本也會(huì)隨之增多。所以解決辦法刪除和之間所有的注釋不設(shè)置浮動(dòng)等。

1.在IE6中png24格式的圖片不透明

解決辦法：寫(xiě)一個(gè)條件注釋語(yǔ)句，引入一個(gè)js插件，然后調(diào)用一下js中的方法，把需要處理的元素的類名寫(xiě)在括號(hào)中，如下

（插件下載地址：http://www.dillerdesign.com/experiment/DD_belatedPNG/）

2.IE6中position:fixed;無(wú)效

　　可以用position:absolute;進(jìn)行定位，right控制右邊的距離，top值用通過(guò)js獲取各種值去計(jì)算

3.IE6中雙邊距問(wèn)題

　　即：浮動(dòng)元素?fù)碛型騧argin值（left和margin-left，right和margin-right），第一個(gè)元素會(huì)出現(xiàn)同向的margin值

　　例如三個(gè)margin-left:10px;的div都float:left;第一個(gè)（最左邊的）div的margin-left是20px，或者margin-right:20px;float:right;最右邊的會(huì)出現(xiàn)margin-right:40px;

　　解決辦法：針對(duì)IE6，把元素轉(zhuǎn)成內(nèi)聯(lián)，在那個(gè)元素的css中寫(xiě)上 _display:inline; 下劃線的意思是針對(duì)IE6，只有IE6才解析（順便提一下，星號(hào) * 是針對(duì)IE7的）

4.諜影重重

　　寫(xiě)了幾行正常的標(biāo)簽

　　正常情況下應(yīng)該是

　　但在IE6中可能會(huì)這樣，但把div上邊的注釋刪了之后就會(huì)恢復(fù)正常

　　造成這個(gè)BUG的原因可能是多重混合的，如浮動(dòng)，注釋，寬高定義等等。并且注釋條數(shù)越多，溢出的文本也會(huì)隨之增多。

　　所以解決辦法：刪除box1和box2之間所有的注釋、不設(shè)置浮動(dòng)等。

云服務(wù)器 GPU云服務(wù)器 ie6兼容性 IE6常見(jiàn) IE6兼容 beta2的CSS兼容性

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/1139.html

相關(guān)文章

轉(zhuǎn)載：瀏覽器常見(jiàn)兼容問(wèn)題以及解決辦法

摘要：瀏覽器兼容問(wèn)題四行內(nèi)屬性標(biāo)簽，設(shè)置后采用布局，又有橫行的的情況，間距問(wèn)題癥狀里的間距比超過(guò)設(shè)置的間距碰到幾率解決方案在后面加入備注行內(nèi)屬性標(biāo)簽，為了設(shè)置寬高，我們需要設(shè)置除了標(biāo)簽比較特殊。 (1)瀏覽器兼容問(wèn)題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)丁和內(nèi)補(bǔ)丁不同問(wèn)題癥狀：隨便寫(xiě)幾個(gè)標(biāo)簽，不加樣式控制的情況下，各自的margin 和padding差異較大。碰到頻率:100%解決方案：CSS里 *...

AaronYuan 2019-08-29 12:38 評(píng)論0 收藏0
轉(zhuǎn)載：瀏覽器常見(jiàn)兼容問(wèn)題以及解決辦法

摘要：瀏覽器兼容問(wèn)題四行內(nèi)屬性標(biāo)簽，設(shè)置后采用布局，又有橫行的的情況，間距問(wèn)題癥狀里的間距比超過(guò)設(shè)置的間距碰到幾率解決方案在后面加入備注行內(nèi)屬性標(biāo)簽，為了設(shè)置寬高，我們需要設(shè)置除了標(biāo)簽比較特殊。 (1)瀏覽器兼容問(wèn)題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)丁和內(nèi)補(bǔ)丁不同問(wèn)題癥狀：隨便寫(xiě)幾個(gè)標(biāo)簽，不加樣式控制的情況下，各自的margin 和padding差異較大。碰到頻率:100%解決方案：CSS里 *...

aboutU 2019-08-20 16:40 評(píng)論0 收藏0
轉(zhuǎn)載：瀏覽器常見(jiàn)兼容問(wèn)題以及解決辦法

摘要：瀏覽器兼容問(wèn)題四行內(nèi)屬性標(biāo)簽，設(shè)置后采用布局，又有橫行的的情況，間距問(wèn)題癥狀里的間距比超過(guò)設(shè)置的間距碰到幾率解決方案在后面加入備注行內(nèi)屬性標(biāo)簽，為了設(shè)置寬高，我們需要設(shè)置除了標(biāo)簽比較特殊。 (1)瀏覽器兼容問(wèn)題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)丁和內(nèi)補(bǔ)丁不同問(wèn)題癥狀：隨便寫(xiě)幾個(gè)標(biāo)簽，不加樣式控制的情況下，各自的margin 和padding差異較大。碰到頻率:100%解決方案：CSS里 *...

617035918 2019-08-01 16:51 評(píng)論0 收藏0
關(guān)于css兼容性問(wèn)題及一些常見(jiàn)問(wèn)題匯總

摘要：解決辦法添加復(fù)制內(nèi)容到剪貼板一行右側(cè)第一個(gè)元素有雙邊距一行左側(cè)第一個(gè)元素有雙邊距在，下，自身沒(méi)浮動(dòng)，但是的內(nèi)容有浮動(dòng)，下邊就會(huì)產(chǎn)生一個(gè)間隙解決辦法給加浮動(dòng)給加注意當(dāng)下最小高度問(wèn)題，和的間隙問(wèn)題共存的時(shí)候，給加浮動(dòng)才能解決。目前主流瀏覽器的兼容性做的都比較好了，本文主要針對(duì)IE6，7的不兼容問(wèn)題進(jìn)行解決。 1.圓盤(pán)時(shí)鐘有浮動(dòng)存在時(shí)，計(jì)算一定要精確，不要讓內(nèi)容的寬高超出我們所設(shè)置的寬高，IE6下...

seanlook 2019-04-23 11:43 評(píng)論0 收藏0
瀏覽器兼容（CSS部分）

摘要：對(duì)瀏覽器兼容問(wèn)題，一般分，，兼容，兼容。特別是增加了許多新標(biāo)簽，低版本瀏覽器會(huì)存在不兼容的情況。出現(xiàn)這個(gè)問(wèn)題的原因是之前的瀏覽器都會(huì)給標(biāo)簽一個(gè)最小默認(rèn)的行高的高度。 **我所說(shuō)的兼容性問(wèn)題，主要是說(shuō)IE與幾個(gè)主流瀏覽器如firefox，google等。而對(duì)IE瀏覽器來(lái)說(shuō)，IE7又是個(gè)跨度，因?yàn)橹暗陌姹靖律趼?，bug甚多。從IE8開(kāi)始，IE瀏覽器漸漸遵循標(biāo)準(zhǔn)，到IE9后由于大家都一致...

gityuan 2019-08-29 16:05 評(píng)論0 收藏0