Sabit div arka plan örtüşen tarayıcı scrollbars

Question

Daha önce görmediğim çok garip davranış.

Saydam png arka plan görüntüsüne sahip sabit bir konum div'um var. Z-dizini -1 olarak ayarlanır, böylece içerik sabit görüntü üzerinde kaydırma çubuklarıyla birlikte kayabilir.

Ben 0px de alt ve sağ ile konumlandırılmış var ama görüntü kaydırma çubukları örtüşür

İşte link (zaten FF ve Safari.):

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

CSS: kullandığım

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

Bir kesmek hakkını kullanmaktı: 16px; Her zaman (muhtemelen) doğru bir kaydırma çubuğu olduğu için, iyi çalıştı (0). Ancak alt kaydırma sadece bazen var. Bu basit bir CSS sorunu mu?

Answer 1

Bu garip bir sorundu. Ancak, kaydırma çubuğunun tarayıcıdan değil, bunun yerine overflow: auto olan ana divtan olduğunu anladım.

Bunu nasıl çözdüğüm budur. overflow: auto;'u kaldırmak için div id="rightpanel" stilini değiştirin. aşağıdaki gibi

Sonra #rightcontent stilleri güncellemek:

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

Umarım tüm tarayıcılar için sorunu çözecektir. Ayrıca, tarayıcıların Cufon.js'yi bulmama konusunda şikayette bulunduğunu da fark ettim. Buna da bakmak isteyebilirsiniz.