Thanh cuộn trình duyệt chồng chéo nền cố định

Question

Hành vi rất lạ mà tôi chưa từng thấy trước đây.

Tôi có div vị trí cố định có hình nền png trong suốt. Chỉ số z được đặt thành -1 để nội dung có thể cuộn qua hình ảnh cố định bằng thanh cuộn.

Tôi có nó vị trí với đáy và ngay tại 0px, nhưng hình ảnh chồng lên thanh cuộn

Đây là liên kết (trên FF và Safari, anyway.):

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

CSS:

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

Một hack tôi đã sử dụng là sử dụng phải: 16px;

Làm việc tốt, vì luôn có (có thể) một thanh cuộn bên phải. Nhưng cuộn dưới cùng chỉ thỉnh thoảng ở đó. Đây có phải là một vấn đề CSS đơn giản không?

Answer 1

Đó là một vấn đề lạ. Nhưng tôi đã tìm ra rằng thanh cuộn không phải từ trình duyệt mà thay vào đó là từ div phụ huynh có số overflow: auto.

Đây là cách tôi đã khắc phục điều đó. Thay đổi kiểu cho div id="rightpanel" để xóa overflow: auto;.

Sau đó cập nhật các #rightcontent phong cách như sau:

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

Hy vọng rằng nên khắc phục vấn đề cho tất cả các trình duyệt. Bên cạnh đó tôi cũng thấy các trình duyệt phàn nàn về việc không tìm Cufon.js. Bạn cũng có thể muốn xem xét điều đó.