22

色をカスタマイズしたスクロールバーに簡単なコードを使用しています。

<style type="text/css">  
<!--
BODY
{
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color: #FF99FF;
    scrollbar-track-color: #FFCCFF;
}
-->
</style>

また、Chromeでは機能しませんが、IEでは機能し、他のブラウザについてはわかりません。私はメインブラウザとしてChromeを使用しています。この問題は他のウェブサイトでも見られますが、それを回避する方法があるかどうか疑問に思っていました。

最近、すべてのブラウザで特別なスクリプトを使用して機能する半不透明のdiv / boxを作成する方法があるので、スクロールバーにそのような解決策があるかどうか疑問に思っていましたか？

ありがとう！

4

7 に答える 7

11

すべてのブラウザで動作するプラグインを次に示します。

  1. http://jscrollpane.kelvinluck.com/
  2. http://www.hesido.com/web.php?page=customscrollbar
  3. http://www.script-tutorials.com/custom-scrollbars-cross-browser-solution/
于 2013-03-14T21:16:54.910 に答える
2

scrollbarCSS 標準ではありません。Chrome または Safari (WebKit) では、-webkit- Read more hereというプレフィックスが付いた拡張機能を使用できます。

FireFox はスクロールバーのスタイルをサポートしていません。

したがって、おそらく、IE および WebKit ブラウザーでのみこの効果をサポートするか、Iwo Kucharski が言ったように JavaScript ライブラリを使用することができます。

于 2013-03-14T21:17:37.437 に答える
1

これらの属性は、Internet Explorer 以外では機能しません。それらは、どの標準にもなかった、やや奇妙なマイクロソフトの調合です。

偽造したい場合は、Javascript が必要です。純粋な CSS では効果が得られないと思います。

于 2013-03-14T21:16:05.677 に答える