日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

IE6與CSS樣式兼容問題匯總

云知道

1、PNG半透明圖片的問題
雖然可以通過JS等方式解決，但依然存在載入速度等問題，所以，這個(gè)上能不要用還是盡量不要用 。以達(dá)到網(wǎng)站最大優(yōu)化 。
2、IE6下的圓角
IE6不支持CSS3的圓角屬性，比較好的解決方法就是用圖片圓角來替代，或者放棄IE6的圓角 。
3、IE6背景閃爍
如果給鏈接、按鈕用CSS sprites作為背景，可能會(huì)發(fā)現(xiàn)在IE6下會(huì)有背景圖閃爍的現(xiàn)象 。造成這個(gè)的原因是由于IE6沒有將背景圖緩存，每次觸發(fā)hover的時(shí)候都會(huì)重新加載，可以用JavaScript設(shè)置IE6緩存這些圖片下面是代碼：

復(fù)制代碼代碼如下:
document.execCommand("BackgroundImageCache",false,true);

4、最小高度
IE6 不支持min-height屬性，但它卻認(rèn)為height就是最小高度 。解決方法：使用ie6不支持但其余瀏覽器支持的屬性!important 。
那么也就是說直接設(shè)置height屬性的話 設(shè)置多少最小就是多少就不存在最小因?yàn)楫?dāng)前就是最小所以會(huì)在部分分辨率下變形 。

復(fù)制代碼代碼如下:
#container {min-height:200px; height:auto !important; height:200px;}

5、最大高度

復(fù)制代碼代碼如下:
//直接使用ID來改變?cè)氐淖畲蟾叨?br>var container = document.getElementById(’container’);
container.style.height = (container.scrollHeight199) ? "200px" : "auto";

//寫成函數(shù)來運(yùn)行
function setMaxHeight(elementId, height){
var container = document.getElementById(elementId);
container.style.height = (container.scrollHeight(height - 1)) ? height"px" : "auto";
}

//函數(shù)示例
setMaxHeight(’container1’, 200);
setMaxHeight(’container2’, 500);

6、100% 高度
在IE6下，如果要給元素定義100%高度，必須要明確定義它的父級(jí)元素的高度，如果要給元素定義滿屏的高度，就得先給html和body定義height:100%; 。
7、清除浮動(dòng)
如果想用div(或其他容器)包裹一個(gè)浮動(dòng)的元素，就會(huì)發(fā)現(xiàn)必須給div(容器)定義明確的height、width、overflow之中一個(gè)屬性（除了auto值）才能將浮動(dòng)元素嚴(yán)實(shí)地包裹 。

復(fù)制代碼代碼如下:
#container {border:1px solid #333; overflow:auto; height:100%;}
#floated1 {float:left; height:300px; width:200px; background:#00F;}
#floated2 {float:right; height:400px; width:200px; background:#F0F;}

8、浮動(dòng)層錯(cuò)位
當(dāng)內(nèi)容超出外包容器定義的寬度時(shí)，在IE6中容器會(huì)忽視定義的width值，寬度會(huì)錯(cuò)誤地隨內(nèi)容寬度增長(zhǎng)而增長(zhǎng) 。
浮動(dòng)層錯(cuò)位問題在IE6下沒有真正好的解決方法，雖然可以使用overflow:hidden;或overflow:scroll;來修正，
但hidden容易導(dǎo)致其他一些問題，scroll會(huì)破壞設(shè)計(jì)；JavaScript也沒法很好地解決這個(gè)問題 。所以建議是一定要在布局上避免這個(gè)問題發(fā)生，使用一個(gè)固定的布局或者控制好內(nèi)容的寬度（給內(nèi)層加width） 。
9、絕對(duì)定位元素的1像素間距bug
IE6下的這個(gè)錯(cuò)誤是由于進(jìn)位處理誤差造成（IE7已修復(fù)），當(dāng)絕對(duì)定位元素的父元素高或?qū)挒槠鏀?shù)時(shí)，bottom和right會(huì)產(chǎn)生錯(cuò)誤 。唯一的解決辦法就是給父元素定義明確的高寬值，但對(duì)于液態(tài)布局沒有完美的解決方法 。
【IE6與CSS樣式兼容問題匯總】10、3像素間距bug
在IE6中，當(dāng)文本(或無浮動(dòng)元素)跟在一個(gè)浮動(dòng)的元素之后，文本和這個(gè)浮動(dòng)元素之間會(huì)多出3像素的間隔 。
給浮動(dòng)層添加 display:inline 和 -3px 負(fù)值margin
給中間的內(nèi)容層定義 margin-right 以糾正-3px

    推薦閱讀