• 转:如何去除横向滚动条

    日期:2009-05-13 | 分类:互联网

    版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://ericneo.blogbus.com/logs/39342469.html

    在以前的HTML标准下,要隐藏横向滚动条,只需要在CSS里加上
    Body
    {
       overflow-x:hidden;
    }
    但是在现在的标准下"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"下面,上面的代码不产生任何效果,因为现在不是以Body作为容器,而是html标签,所以
    加入:
    HTML
    {
       overflow-x:hidden;
    }
    但是这样做了以后,在IE7下,鼠标滚轮上下滚动不起作用了,IE6下却是正常的。多加上一行代码就解决问题了
    HTML

      overflow-x:hidden;
      overflow-y:auto;
    }  

    ————————————————————————————————————————

    更改滚动条颜色:

    <style type="text/css">
    <!--
    html {  margin-left: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      SCROLLBAR-FACE-COLOR: #FF3333;/*滚动条凸出部分的颜色*/
      SCROLLBAR-HIGHLIGHT-COLOR: #CC0033;/*滚动条空白部分的颜色*/
      SCROLLBAR-SHADOW-COLOR: #ffffff;/*立体滚动条阴影的颜色*/
      SCROLLBAR-3DLIGHT-COLOR: #CC0033;/*滚动条亮边的颜色*/
      SCROLLBAR-ARROW-COLOR: #ffffff;/*上下按钮上三角箭头的颜色*/
      SCROLLBAR-TRACK-COLOR:#FFFFCC;/*滚动条的背景颜色*/
      SCROLLBAR-DARKSHADOW-COLOR: #CC0033;/*滚动条强阴影的颜色*/
      SCROLLBAR-BASE-COLOR:#CC0033;/* 滚动条的基本颜色*/
    }

    -->

    </style>


    历史上的今天:


    收藏到:Del.icio.us