javafx2.2 पारदर्शी पृष्ठभूमि के साथ स्क्रॉलबार बनाना

Question

मैं स्क्रॉलबार के साथ एक स्क्रॉलपैन बनाने की कोशिश कर रहा हूं जिसमें पारदर्शी (या कम से कम ठोस) पृष्ठभूमि को javafx 2.2.3 में css के साथ स्टाइल करके पृष्ठभूमि है।

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

आश्चर्यजनक रूप से, ऊपर दिया गया कोड स्क्रॉलबार काला बनाता है। अल्फा के साथ -एफएक्स-बेस कोई भी मूल्य देता है।

पृष्ठभूमि रंग सभी में कोई efect ...

मैं क्या याद आ रही है है?

Answer 1

यहां एक sample है जो एक पारदर्शी पृष्ठभूमि के साथ स्क्रॉल बार प्रदर्शित करता है।

नमूना में स्क्रॉलबार पर दृश्य प्रतिक्रिया दिखाने के लिए कुछ अतिरिक्त प्रोग्राम तर्क शामिल हैं जब उपयोगकर्ता स्क्रॉलबार पर होवर करता है - आपको इसकी आवश्यकता हो सकती है या नहीं।

नमूने में स्क्रॉलबार से संबंधित सीएसएस है:

.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; 
} 

कहाँ स्क्रॉल पट्टी पारदर्शी बनाया जा रहा है यह करने के लिए सौंपा पते के अतिरिक्त कस्टम शैली वर्ग है।

मैंने डिफ़ॉल्ट जावाएफएक्स 2.2 सीएसएस स्टाइलशीट caspian.css के स्क्रॉल-बार खंड का अध्ययन करके सीएसएस का उपयोग करने का निर्धारण किया। नमूने के

आउटपुट है: