瀏覽器css bug及bug解決方法

Bugs及解決方案列表（以下實(shí)例默認(rèn)運(yùn)行環(huán)境都為Standard mode）：
如何在IE6及更早瀏覽器中定義小高度的容器？
方法：
#test{overflow:hidden;height:1px;font-size:0;line-height:0;}
IE6及更早瀏覽器之所以無法直接定義較小高度的容器是因?yàn)槟J(rèn)會有行高
如何解決IE6及更早瀏覽器浮動時產(chǎn)生雙倍邊距的BUG？
方法：
#test{display:inline;}
當(dāng)在IE6及更早瀏覽器中出現(xiàn)浮動后margin值解析為雙倍的情況，設(shè)置該元素的display屬性為inline即可。
如何在IE6及更早瀏覽器下模擬min-height效果？
方法：
#test{min-height:100px;_height:100px;}
注意此時#test不能再設(shè)置overflow的值為hidden，否則模擬min-height效果將失效
如何解決按鈕在IE7及更早瀏覽器下隨著value增多兩邊留白也隨著增加的問題？
方法：
input,button{overflow:visible;}
如何解決IE7及更早瀏覽器下當(dāng)li中出現(xiàn)2個或以上的浮動時，li之間產(chǎn)生的空白間隙的BUG？
方法：
li{vertical-align:top;}
除了top值，還可以設(shè)置為text-top | middle | bottom | text-bottom，甚至特定的和值都可以
如何解決IE6及更早瀏覽器下的3像素BUG？
方法：
.a{color:#f00;} .main{width:950px;background:#eee;} .content{float:left;width:750px;height:100px;background:#ccc;_margin-right:-3px;} .aside{height:100px;background:#aaa;}
content
aside
在IE6及更早瀏覽器下為.content設(shè)置margin-right:-3px；也可以設(shè)置.aside為浮動
如何解決IE6下的文本溢出BUG（江湖匪號：“諜影重重”或“一只豬的故事”）？
BUG重現(xiàn)：
.test{zoom:1;overflow:hidden;width:500px;} .box1{float:left;width:100px;} .box2{float:right;width:400px;}
↓這就是多出來的那只豬
運(yùn)行如上代碼，你會發(fā)現(xiàn)文字發(fā)生了溢出，在IE6下會多出一只“豬”。造成此BUG的原因可能是多重混合的，如浮動，注釋，寬高定義等等。并且注釋條數(shù)越多，溢出的文本也會隨之增多。
列舉幾個解決方法：
刪除box1和box2之間所有的注釋；
不設(shè)置浮動；
調(diào)整box1或box2的寬度，比如將box的寬度調(diào)整為90px
如何解決IE6使用濾鏡PNG圖片透明后，容器內(nèi)鏈接失效的問題？
方法：
div{width:300px;height:100px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’*.png’);} a{_position:relative;}
解決方法是為容器內(nèi)的鏈接定義相對定位屬性position的值為relative
如何解決IE6無法識別偽對象:first-letter/:first-line的問題？
方法1：
p:first-letter {float:left;font-size:40px;font-weight:bold;} p:first-line {color:#090;}
增加空格：在偽對象選擇符:first-letter/:first-line與包含規(guī)則的花括號”{“間增加空格。
方法2：
p:first-letter {float:left;font-size:40px;font-weight:bold;} p:first-line {color:#090;}

換行：將整個花括號”{“規(guī)則區(qū)域換行。細(xì)節(jié)參見E:first-letter和E:first-line選擇符

關(guān)鍵詞：成都品牌網(wǎng)站建設(shè)公司, 網(wǎng)站制作公司, 重慶網(wǎng)站建設(shè), 網(wǎng)站設(shè)計, 網(wǎng)站建設(shè), 手機(jī)網(wǎng)站開發(fā)

當(dāng)前文章：瀏覽器css bug及bug解決方法
網(wǎng)站地址：http://bm7419.com/news/170449.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、網(wǎng)頁設(shè)計公司、建站公司、網(wǎng)站設(shè)計、品牌網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)