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

  1. 首頁 > 云知道 > >

IE6,IE7,IE8 css bug搜集及瀏覽器兼容性問題解決方法匯總( 五 )

云知道



在IE7/FF中，鼠標(biāo)移動到鏈接上時，淘你喜歡字樣會變?yōu)榧t色，但I(xiàn)E6則無反應(yīng) 。所以IE6的bug就是如果a 與 a:hover 的css定義是一樣的，也就是說如果a:hover 中沒有樣式的改變，hover就不會被觸發(fā) 。但如果在a:hover{}增加一些特定的屬性，例如

復(fù)制代碼代碼如下:
a:hover{border:none;}
或者
a:hover{padding:0;}
又或者
a:hover{background: none;}

此時hover就可以觸發(fā)了 。
23：原來IE6支持!important

復(fù)制代碼代碼如下:
.demo { color:#F00!important; color:#000; }/*IE6顯示錯誤理解：.demo顯示為黑色*/
/*而下面IE6是正確理解的：.demo顯示為紅色*/
.demo { color:#F00!important;}
.demo { color:#000; }

24:去掉button按鈕左右兩邊的留白

復(fù)制代碼代碼如下:
!DOCTYPE html
html
head
meta charset="utf-8" /
style
*{padding:0; margin:0}
input,button{overflow:visible;padding:0;}
/style
/head
body
form id="form1" name="form1" method="post" action=""
input type="submit" name="button" id="button" value="https://www.rkxy.com.cn/dnjc/button按鈕左右留白的解決方法" /
/form
buttonspanbutton按鈕左右留白的解決方法/span/button
/body
/html

25:中文字體在css中的寫法
黑體SimHei9ED1F53黑體
宋體SimSunB8BF53宋體
新宋體 NSimSun5B0B8BF53新宋體
仿宋FangSongEFFB8B仿宋
楷體KaiTi977F53 楷體
微軟正黑體Microsoft JhengHeiFAE?6FB639ED1F53微軟正黑體
微軟雅黑Microsoft YaHeiFAE8F6F96C59ED1微軟雅黑
幼圓 YouYuanE7Cx6幼圓
26： ie6里width:100%是相對于上有高度設(shè)置的元素 其他瀏覽器是相對于上個相對定位或絕對定位的元素

復(fù)制代碼代碼如下:
div style=" width:600px; height:600px; background:#000;"
div style=" width:500px; height:500px; background:#333;"
div style=" float:left; background:#666; width:400px;"
div style=" width:300px; height:300px; background:#999;"
div style=" width:100%; height:100%; background:#f00; position:absolute; left:0; top:0;"
在非ie6的瀏覽器中都是滿屏幕的紅， 說明非ie6的瀏覽器的width和height的百分比，都是相對的上個相對定位或者絕對定位的元素，沒有就為html元素，而ie6中的width和height 的百分比，相對的是上個有高寬顯示設(shè)置的元素，而且height的百分比設(shè)置失效，所以上述代碼在ie6中就出現(xiàn)寬度穿越了他的父元素而遇見width:500px;的元素的時候，邊把自己設(shè)置成了width:500px;而height的設(shè)置則失效， 這個， 讓人很蛋疼！ie6，真的該早點(diǎn)走了！
/div
/div
/div
/div
/div

27： ie不緩存背景圖片的解決辦法
高性能web開發(fā)中，一張小小的圖片請求能省的就省，可IE6存在不緩存背景圖的bug.如果重復(fù)使用了一個圖片作為背景，那么每用一次就會重新去服務(wù)器拉一次 。。。給服務(wù)器帶來巨大的壓力 。解決方法有兩種，
1：采用JS

復(fù)制代碼代碼如下:
var ua = navigator.userAgent.toLowerCase();
var isIE6 = ua.indexOf("msie 6")-1;//判斷是否為IE6
// remove css image flicker
//IE6下默認(rèn)不緩存背景圖片，CSS里每次更改圖片的位置時都會重新發(fā)起請求，用這個方法告訴IE6緩存背景圖片
if(isIE6){
try{
document.execCommand("BackgroundImageCache", false, true);
}catch(e){}
}

2.在頁面上直接使用1個DIV元素來加載該圖片，這樣加載圖片就能真正被緩存，鼠標(biāo)移動也不會發(fā)送請求了 。
28:ie6下css實(shí)現(xiàn)max/min-width/height

復(fù)制代碼代碼如下:
_width:expression(this.width300?"300px":ture); max-width:300px;
_height:expression(this.height300?"300px":ture); max-height:300px;

29：css空白外邊距互相疊加的解決方法

復(fù)制代碼代碼如下:
body{width:300px; font-family:’微軟雅黑’; font-size:1em; text-indent:10px; line-height:1.25;}

推薦閱讀