2013-07-15 22 views
7

Tôi đang phát triển một ứng dụng cordova và tôi đang cố gắng để có được một nền cố định. Thật không may, nó không có vẻ là làm việc, và bất cứ lúc nào tôi di chuyển xuống nền chỉ đơn giản là đi ra khỏi đầu trang. Đây là CSS tôi đang sử dụng để làm điều này (và tôi đã thử nó theo một số cách khác):Hình nền đính kèm: cố định không hoạt động trên android/mobile

html { 
    width:100%; 
    height: 100%; 
    background-color:#000000; 
    background-image:url('../img/bg_reader.jpg'); 
    /*background-repeat:no-repeat; 
    background-attachment: fixed; 
    background-position: center;*/ 
    background-size: 100% 100%; 
} 

Không có vấn đề gì, nền cuộn ra khỏi đầu màn hình khi tôi cuộn xuống như thể cố định thuộc tính chưa được đặt.

Trả lời

18

Bạn đã thử cái này chưa?

 

    html, body { 
     height: 100%; 
    } 
    html { 
     overflow-y: hidden; 
    } 
    body { 
     overflow-y: scroll; 
     background-color:#000000; 
     background-image:url('../img/bg_reader.jpg'); 
    } 

+0

đẹp. nó cho biết thêm một thanh cuộn khi không cần thiết (có thể chỉ trong trường hợp của tôi, không chắc chắn), nhưng khác hơn là hoạt động. Tôi đã thêm 'background-size: cover;' vào tài khoản cho các màn hình rất lớn và chân dung. – jozxyqk

+1

Dude, tôi KHÔNG nghĩ rằng tôi sẽ tìm thấy một sửa chữa cho vấn đề này; cảm ơn nhiều người. –

+0

Sửa lỗi tốt nhưng thanh cuộn có thể nhìn thấy mọi lúc là công tắc đối với tôi. – benallansmith