Posted on 2010-10-27 12:35
xcp 閱讀(2985)
評論(2) 編輯 收藏 所屬分類:
Javascript
一、ie6下使用框架嵌入網頁花屏，其它瀏覽器正常
解決辦法：<body class=...>的背景去掉就好了
如：/*background:url(../../images/main/article.png) right top repeat-y;
padding-right:4px;*/
終于解決這個垃圾問題了
二、使用框架（無論是frameset、frame、iframe）嵌套網頁的時候，如果子網頁的高度超過了預先設定的高度，會出現滾動條，也就是尺寸溢出，一般來說如果高度超了就出現垂直滾動條，寬度超了就出現水平滾動條，
但是在IE6中，只要尺寸大于等于預定高度，就會兩個滾動條一起出現，這好象是一個bug。
解決方法：
在子網頁設置css如下：
html {
overflow-y:auto!important;
*overflow-y:scroll;
}
這段最重要的一點是設置overflow-y為scroll，這樣強制出現垂直滾動條的話，水平滾動條就不會顯示出來了，但如果寬度超出過多，水平滾動條還是會超出，這時可以考慮設置:overflow-x:hidden;，但相應的，這樣用戶就無法滾動子頁面了。
之所以要加overflow-y:auto!important;，是因為IE7中已沒有這個bug，并且firefox也能認到overflow-y這個據說是IE的私有屬性……，所以我們還要把overflow設回來。
上面這個方法還可以有改進的地方
既然只有IE6有這個BUG那就只針對IE6寫就行了
html {_overflow-y:scroll;}
_下劃線是IE6專有的 這樣就又省了一行代碼 又提高了效率
名稱: ?4C.ESL | .↗Evon
口號: 遇到新問題?先要尋找一個方案乄而不是創造一個方案こ
mail: 聯系我