Tôi đang cố gắng tạo nền kéo dài toàn bộ cơ thể (chỉ chiều rộng). Tính năng này chỉ hoạt động trên Chrome, Opera và Firefox. Làm thế nào tôi có thể thực hiện công việc này trên IE? O_oKích thước nền IE không hoạt động
background-size:100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
từ background-size kích thước là CSS3 cụ thể sẽ bạn phải sử dụng một cái gì đó như thế này cho nó để làm việc trong IE
thiết html và cơ thể của bạn để
html {overflow-y:hidden}
body {overflow-y:auto}
quấn hình ảnh mà bạn muốn độ toàn màn hình với một div # page-nền
#page-background {position:absolute; z-index:-1}
sau đó đặt này trong tập tin html của bạn
<div id="page-background">
<img src="/path/to/your/image" width="100%" height="100%">
</div>
** bạn sẽ phải sử dụng một số loại thiết lập lại để loại bỏ các lề và miếng đệm không, một cái gì đó như thế này
html, body {height:100%; margin:0; padding:0;}
Vâng, tôi đã đọc phần này. Tôi nghĩ rằng có một giải pháp css chỉ: D. Cảm ơn anyway – Cristy
kích thước nền không được hỗ trợ trong IE cho các phiên bản under 9. Giải pháp trình duyệt chéo là sử dụng plugin jquery như fullscreenr.
Ok, sau đó tôi sẽ bỏ qua người dùng IE8 trên trang này :)): D – Cristy
Tôi tạo ra jquery.backgroundSize.js: một plugin 1.5K jquery mà có thể được sử dụng như một fallback IE8 cho các giá trị "cover" và "contains". Hãy xem demo.
Chào Louis, tôi đã thử sử dụng mã của bạn nhưng có một số không gian không giải thích được ở cuối trình duyệt IE 8. Khi tôi chuyển đổi mở và đóng bảng điều khiển phần tử kiểm tra, nó hiển thị hoàn toàn tìm thấy, toàn màn hình. Nhưng khi trang được tải, nó không phải là toàn màn hình, có một số không gian ở phía dưới. Ngoài ra, tôi nhận thấy rằng khi tải trang, phần đầu của hình ảnh bị cắt, ví dụ hiển thị hình ảnh dưới cùng của hình ảnh và 1/10 ở trên cùng không được hiển thị. Sau khi tôi chuyển bảng điều khiển phần tử kiểm tra, nó hiển thị 10/10 của hình ảnh. Có cách nào để sửa nó không? Hy vọng bạn hiểu những gì tôi đang nói. – Dr3am3rz
Bạn đang làm việc trong IE9? Khác .. đó là đánh dấu CSS3. Vì vậy, không thể làm được. – Marnix