譯文:網頁樣式表 - CSS的提示與竅門
英文: http://www.w3.org/Style/Examples/007/scrollbars
說明:

翻譯: Chinese Translation Services

 

網頁樣式表
CSS的提示與竅門

無色的捲軸

最近有些瀏覽器 (IE ,Konqueror)開始支援立體的捲軸陰影的顔色('scrollbar-shadow-color')、捲軸的背影顔色('scrollbar-track-color') 與其他的非標準屬性。這些屬性是非法的:在疊成樣式單規範中既沒有定義,也沒有專用程式的標誌 (加"-vendor-"的字首)。幸運的是想將它設爲關閉極爲簡單。

爲了保證你的瀏覽器的捲軸會保持他們正常的顔色,你可以使用'!important' 的聲明以及用戶的樣式單。通常通過瀏覽器功能表裏的選項/設置功能表就可以配置用戶的樣式單。在 IE瀏覽器中,該設置選項在於“可用性”的標簽裏,而在 Konqueror瀏覽器中在於 “樣式單”的標簽裏。

  1. 如果你沒有一個用戶的樣式單,首先要新建一個CSS文件。將文件存到任何地方都可。
  2. 然後把下面的幾段代碼加到該樣式單裏:
    body, html {
      scrollbar-face-color: ThreeDFace !important;
      scrollbar-shadow-color: ThreeDDarkShadow !important;
      scrollbar-highlight-color: ThreeDHighlight !important;
      scrollbar-3dlight-color: ThreeDLightShadow !important;
      scrollbar-darkshadow-color: ThreeDDarkShadow !important;
      scrollbar-track-color: Scrollbar !important;
      scrollbar-arrow-color: ButtonText !important;
    }
  3. 把該文件的路徑加到你使用的瀏覽器的有關對話方塊裏。

這麽做就應該解決問題。有可能你得先把瀏覽器關閉然後重新打開才能見效。如果想確認這樣設置能否成功,不妨試試我設計的 一個簡短測試.

CSS Valid CSS!Valid HTML 4.0!

Bert Bos
created 12 Oct 2001;
last updated $Date: 2009/09/08 13:41:53 $ GMT