Có thể có hai hình nền không? Ví dụ, tôi muốn có một hình ảnh lặp lại trên đầu (lặp lại-x), và lặp lại một lần nữa trên toàn bộ trang (lặp lại), nơi một hình ảnh trên toàn bộ trang nằm sau một hình lặp lại trên đầu trang.Tôi có thể có nhiều hình nền bằng CSS không?
Tôi đã thấy rằng tôi có thể đạt được hiệu quả mong muốn cho hai hình ảnh nền bằng cách thiết lập nền tảng của html và cơ thể:
html {
background: url(images/bg.png);
}
body {
background: url(images/bgtop.png) repeat-x;
}
Đây có phải là "tốt" CSS? Có phương pháp nào tốt hơn không? Và nếu tôi muốn có ba hình nền trở lên thì sao?
Nhiều hình nền được hỗ trợ bởi các phiên bản mới nhất của Firefox, Chrome, Safari và Opera. Nó cũng sẽ được hỗ trợ trong IE9. http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(Cascading_Style_Sheets) –
Và nếu bạn muốn có các cài đặt lặp lại/vị trí khác nhau, bạn có thể thực hiện việc này: http://www.css3.info/preview/multiple-backgrounds/ – Krisc
Đối với IE8 - IE6, bạn có thể sử dụng PIE.js. http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/curing-css3-headaches-in-older-browsers/ –