javafx2.2透明な背景を持つスクロールバーを作成する

Question

javafx 2.2.3でCSSをスタイリングして、透明（または少なくとも固体）の背景を持つスクロールバーでスクロールペインを作成しようとしています。

.scroll-pane .track{-fx-opacity: 0;} 
.scroll-pane .scroll-bar{-fx-base: transparent;} 

奇妙なことに、上のコードはスクロールバーを黒にします。 alphaを使って-fx-baseを指定すると、それが行われます。

背景色はまったく効果がありません...

何が欠けていますか？

Answer 1

透明な背景のスクロールバーを表示するsampleです。

サンプルには、ユーザーがスクロールバーの上を移動するときにスクロールバーに視覚的なフィードバックを表示するだけの追加のプログラムロジックが含まれています。

サンプルでスクロールバーに関連するCSSは次のとおりです。スクロールバーを透明化されている

.address .scroll-pane { 
    -fx-background-color: transparent; 
} 

.address .scroll-bar .increment-button { 
    visibility: hidden; 
} 

.address .scroll-bar .decrement-button { 
    visibility: hidden; 
} 

.address .scroll-bar:vertical { 
    -fx-background-color: transparent; 
} 

.address .scroll-bar:vertical .track-background { 
    visibility: hidden; 
} 

.address .scroll-bar:vertical .track { 
    visibility: hidden; 
} 

.address .hide-thumb .scroll-bar:vertical .thumb { 
    -fx-background-color: transparent; 
} 

は、それに割り当てられたアドレスの追加のカスタムスタイルクラスを持っています。

デフォルトのJavaFX 2.2 CSSスタイルシートcaspian.cssのスクロールバーセクションを調べて使用するCSSを決めました。サンプルの

出力は次のようになります。隠された; `、` -fx-不透明度：：私は `視界と同じ結果を得ることができませんでしたが、