फिक्स्ड div पृष्ठभूमि ओवरलैपिंग ब्राउज़र स्क्रॉलबार

Question

बहुत अजीब व्यवहार जो मैंने पहले नहीं देखा है।

मेरे पास एक निश्चित स्थिति div है जिसमें एक पारदर्शी पीएनजी पृष्ठभूमि छवि है। जेड-इंडेक्स -1 पर सेट है ताकि सामग्री स्क्रॉलबार के साथ निश्चित छवि पर स्क्रॉल कर सके।

मैं इसे 0px पर नीचे और अधिकार के साथ तैनात किया है, लेकिन छवि स्क्रॉलबार overlaps

यहाँ लिंक है (एफएफ और सफारी पर, वैसे भी।):

http://adamjcas.www59.a2hosting.com/pg/show/id/4

सीएसएस:

#plants /*for the cut paper plants in the background*/ 
{ 
    background: transparent url(../background_images/plants.png) no-repeat;           
    bottom:0px; 
    right:0px; 
    z-index: -1; 
    position:fixed; 
    height:691px; 
    width:475px;   
} 

एक हैक मैं इस्तेमाल किया सही उपयोग करने के लिए था: 16px;

जो ठीक काम करता है, क्योंकि हमेशा (संभवतः) सही स्क्रॉलबार होता है। लेकिन नीचे स्क्रॉल केवल कभी-कभी होता है। क्या यह एक साधारण सीएसएस मुद्दा है?

Answer 1

यह एक अजीब मुद्दा था। लेकिन मुझे पता चला कि स्क्रॉल बार ब्राउज़र से नहीं था बल्कि माता-पिता div से overflow: auto था।

इस तरह मैंने इसे ठीक किया। overflow: auto; को हटाने के लिए शैली को div id="rightpanel" के लिए बदलें। इस प्रकार

फिर #rightcontent शैलियों अद्यतन:

#rightcontent { 
    left: 445px; 
    padding-top: 127px; 
    position: relative; 
    width: 650px; 
} 

उम्मीद है कि है कि सभी ब्राउज़रों के लिए इस मुद्दे को ठीक करना चाहिए। इसके अलावा मैंने ब्राउज़र को Cufon.js नहीं ढूंढने के बारे में शिकायत भी की। आप उसमें भी देखना चाहेंगे।