JAVA & XML & JAVASCRIPT & AJAX & CSS

          Web 2.0 技術儲備............

            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
            77 隨筆 :: 17 文章 :: 116 評論 :: 0 Trackbacks

          有朋友常提關于IE滾動條的問題,特總結該貼。
          簡單地介紹一下涉及瀏覽器滾動條的樣式表內容
          (某些樣式需ie5.5+才能支持):

          1.overflow內容溢出時的設置(設定被設定對象是否顯示滾動條)
              overflow-x水平方向內容溢出時的設置
              overflow-y垂直方向內容溢出時的設置
              以上三個屬性設置的值為visible(默認值)、scroll、hidden、auto。

          2.scrollbar-3d-light-color立體滾動條亮邊的顏色(設置滾動條的顏色)
              scrollbar-arrow-color上下按鈕上三角箭頭的顏色
              scrollbar-base-color滾動條的基本顏色
              scrollbar-dark-shadow-color立體滾動條強陰影的顏色
              scrollbar-face-color立體滾動條凸出部分的顏色
              scrollbar-highlight-color滾動條空白部分的顏色
              scrollbar-shadow-color立體滾動條陰影的顏色

          我們通過幾個實例來講解上述的樣式屬性:
          1.讓瀏覽器窗口永遠都不出現滾動條
              沒有水平滾動條
              <body style="overflow-x:hidden">
              沒有垂直滾動條
              <body style="overflow-y:hidden">
              沒有滾動條
              <body style="overflow-x:hidden;overflow-y:hidden">或<body  
              style="overflow:hidden">

          2.設定多行文本框的滾動條

            沒有水平滾動條
             <textarea style="overflow-x:hidden"></textarea>

             沒有垂直滾動條
             <textarea style="overflow-y:hidden"></textarea>

             沒有滾動條
             <textarea style="overflow-x:hidden;overflow-y:hidden"></textarea>
             或<textarea style="overflow:hidden"></textarea>

          3.設定窗口滾動條的顏色
          設置窗口滾動條的顏色為紅色<body style="scrollbar-base-color:red">
          scrollbar-base-color設定的是基本色,一般情況下只需要設置這一個屬性就可以達到改變滾動條顏色的目的。
          加上一點特別的效果:
          <body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">

          4.在樣式表文件中定義好一個類,調用樣式表。
          <style>
          .coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
          </style>
          這樣調用:
          <textarea class="coolscrollbar"></textarea>

          http://bbs.51js.com/viewthread.php?tid=6896&fpage=1

          posted on 2006-03-16 23:04 Web 2.0 技術資源 閱讀(2014) 評論(0)  編輯  收藏 所屬分類: CSS
          主站蜘蛛池模板: 盐源县| 泸州市| 固始县| 岳普湖县| 金川县| 东城区| 台州市| 茂名市| 遂宁市| 乐业县| 綦江县| 会理县| 祁阳县| 崇阳县| 墨竹工卡县| 广宁县| 莱州市| 会理县| 石城县| 德清县| 古浪县| 广宁县| 永丰县| 华阴市| 石城县| 民乐县| 东山县| 布拖县| 松原市| 大冶市| 区。| 丰镇市| 滨州市| 桂东县| 石嘴山市| 奉贤区| 句容市| 宿松县| 云和县| 逊克县| 嘉善县|