199) ? "200px" :。IE6兼容性問題和IE6常見bug詳細(xì)匯總介紹( 二 )。" />

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

  1. 首頁 > 云知道 > >

IE6兼容性問題和IE6常見bug詳細(xì)匯總介紹( 二 )

云知道


7、最大高度
代碼如下:
//直接使用ID來改變?cè)氐淖畲蟾叨?br /> var container = document.getElementById('container');
container.style.height = (container.scrollHeight > 199) ? "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);
8、100% 高度
在IE6下，如果要給元素定義100%高度，必須要明確定義它的父級(jí)元素的高度，如果你需要給元素定義滿屏的高度，就得先給html和body定義height:100%; 。
9、最小寬度
同max-height和max-width一樣，IE6也不支持min-width 。
代碼如下:
//直接使用ID來改變?cè)氐淖钚挾?br /> var container = document.getElementById('container');
container.style.width = (container.clientWidth < width) ? "500px" : "auto";
//寫成函數(shù)來運(yùn)行
function setMinWidth(elementId, width){
var container = document.getElementById(elementId);
container.style.width = (container.clientWidth < width) ? width"px" : "auto";
}
//函數(shù)示例
setMinWidth('container1', 200);
setMinWidth('container2', 500);
10、最大寬度
代碼如下:
//直接使用ID來改變?cè)氐淖畲髮挾?br /> var container = document.getElementById(elementId);
container.style.width = (container.clientWidth > (width - 1)) ? width"px" : "auto";
//寫成函數(shù)來運(yùn)行
function setMaxWidth(elementId, width){
var container = document.getElementById(elementId);
container.style.width = (container.clientWidth > (width - 1)) ? width"px" : "auto";
}
//函數(shù)示例
setMaxWidth('container1', 200);
setMaxWidth('container2', 500);
11、雙邊距Bug
當(dāng)元素浮動(dòng)時(shí)，IE6會(huì)錯(cuò)誤的把浮動(dòng)方向的margin值雙倍計(jì)算 。個(gè)人覺得較好解決方法是避免float和margin同時(shí)使用 。
12、清除浮動(dòng)
如果你想用div(或其他容器)包裹一個(gè)浮動(dòng)的元素，你會(huì)發(fā)現(xiàn)必須給div(容器)定義明確的height、width、overflow之中一個(gè)屬性(除了auto值)才能將浮動(dòng)元素嚴(yán)實(shí)地包裹 。
代碼如下:
#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;}
更多：http://www.twinsenliang.net/skill/20090413.html
13、浮動(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) 。
14、躲貓貓bug
在IE6和IE7下，躲貓貓bug是一個(gè)非常惱人的問題 。一個(gè)撐破了容器的浮動(dòng)元素，如果在他之后有不浮動(dòng)的內(nèi)容，并且有一些定義了:hover的鏈接，當(dāng)鼠標(biāo)移到那些鏈接上時(shí)，在IE6下就會(huì)觸發(fā)躲貓貓 。
解決方法很簡(jiǎn)單：
1.在(那個(gè)未浮動(dòng)的)內(nèi)容之后添加一個(gè)
2.觸發(fā)包含了這些鏈接的容器的hasLayout，一個(gè)簡(jiǎn)單的方法就是給其定義height:1%;
15、絕對(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)布局沒有完美的解決方法 。

推薦閱讀