2011-10-28 8 views
2

大量のテキストを含むdivがあります。私はオーバーフローを設定しました。そのように保つ必要があります。しかし、スクロールバーには白い背景があります。背景を削除したり透明度を設定したりすることでこれを取り除く方法があります。おかげさまで div/setの背景の透明度でHTMLのスクロールバーの背景を外す

+0

ブラウザのスクロールバーに特定の色を強制する[クロスブラウザなし](http://support.mozilla.com/nl/questions/775958)ソリューションがあります。 'overflow:auto'"ビヘイビア "を取得している間にスクロールバーを隠したい場合は、' overflow:hidden'を使います。 –

答えて

2

クロスブラウザのCSS専用ソリューションはありません。 IEのみがネイティブCSS(Shawn Steward's postのような)をサポートしています。

あなたの唯一のチャンスは、JavaScriptを使用してネイティブスクロールバーを模倣することです。ここにはoverview of some jQuery-pluginsがあります。

1

あなたはこのようなようなあなたのスクロールバーのスタイルにCSSを設定することができます。

(IEのみ)

<style type="text/css"> 
.overflowDiv { 
scrollbar-face-color : #FF0000; 
scrollbar-highlight-color : #FF6666; 
scrollbar-3dlight-color : #FF9999; 
scrollbar-darkshadow-color : #660000; 
scrollbar-arrow-color : #FFCCCC; 
scrollbar-shadow-color : #FF0000; 
scrollbar-track-color: #330000 
} 
</style> 
+0

ええ、またはそれ.... :-) –

+0

は、このクロスブラウザ、またはちょうどIEのですか? – jacktheripper

+0

サファリでは動作しないようですので – jacktheripper

0

あなたがに確認して、それをスタイルし、「テキストエリア」タグにテキストを置くことができます以下を含みます。

textarea { overflow: auto; } 

スタイルシートのどこかにありますか?

関連する問題