Tôi có một quy tắc chung cung cấp cho tất cả các DIV hình ảnh nền.
Tôi có một div (với id = 'a') mà tôi không muốn nó có ảnh nền.
Tôi phải đưa ra quy tắc css nào?
Tôi có một quy tắc chung cung cấp cho tất cả các DIV hình ảnh nền.
Tôi có một div (với id = 'a') mà tôi không muốn nó có ảnh nền.
Tôi phải đưa ra quy tắc css nào?
Câu trả lời:
Thử:
div#a {
background-image:none
}
div#a {
background-image: none !important;
}
Mặc dù "! Quan trọng" có thể không cần thiết, vì "div # a" có độ đặc hiệu cao hơn so với chỉ "div".
div#a {
background-image: url('../images/spacer.png');
background-image: none !important;
}
Tôi sử dụng một hình ảnh spacer trong suốt ngoài quy tắc để loại bỏ hình nền vì IE6 dường như bỏ qua background-image: none
mặc dù nó được đánh dấu !important
.
background-image:none;
(không có ot !important
) hoạt động hoàn hảo.
Vì trong css3, người ta có thể đặt nhiều ảnh nền, cài đặt "none" sẽ chỉ tạo một lớp mới và không ẩn gì cả.
http://www.css3.info/preview/multipl-backgrounds/ http://www.w3.org/TR/css3-background/#backgrounds
Tôi chưa tìm thấy giải pháp nào cả ...
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff));
background-image: -webkit-linear-gradient(center top, #fff 0%, #fff 50%);
background-image: -moz-linear-gradient(center top, #fff 0%, #fff 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
background-image: linear-gradient(to bottom, #fff 0%, #fff 50%);
đối với các trình duyệt cũ hơn .. nếu bạn đã xác định css trong một số framewokrk.css như select2.css trong nền hình ảnh IE9: -webkit-gradient, v.v. và bạn muốn nó thông qua một .css khác viết lại bằng "hình nền: không! quan trọng" không làm việc. Tôi đã sử dụng cùng màu để chuyển màu như màu nền của trang.
Nếu quy tắc div của bạn là chính đáng div {...}
, thì #a {...}
sẽ là đủ. Nếu nó phức tạp hơn, bạn cần một bộ chọn "cụ thể hơn", như được xác định bởi đặc tả CSS về tính đặc hiệu . (#a cụ thể hơn div chỉ là một khía cạnh trong thuật toán.)
Khi background-image: none !important;
không có tác dụng. Bạn có thể dùng:
background-size: 0 !important;
Nó không hoạt động:
.clear-background{
background-image: none;
}
Có thể có vấn đề trên các trình duyệt cũ hơn ...
#a {}
. Không sử dụng các loại phần tử trong bộ chọn trừ khi cần thiết .