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