zoukankan      html  css  js  c++  java
  • frameset, iframe, frame框架页面在IE6中出现横向滚动条bug的隐藏方法

     

     使用框架(无论是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专有的 这样就又省了一行代码 又提高了效率

  • 相关阅读:
    050819no JLINK device found
    050819流水账
    C语言附录的一些小摘要
    020819存疑点&error&warning
    020819流水账
    010819流水账
    310719存疑点&error&warning
    310719流水账
    300719流水账
    linux内核获取当前进程路径分析
  • 原文地址:https://www.cnblogs.com/linyechengwei/p/1621781.html
Copyright © 2011-2022 走看看