Posted on 2010-10-27 12:35
xcp 阅读(2980)
评论(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: 联系我