Mam ogólną zasadę, która nadaje wszystkim DIV obraz tła.
Mam jeden div (o id = 'a'), który nie chcę, aby miał obraz tła.
Jaką zasadę css muszę podać?
Mam ogólną zasadę, która nadaje wszystkim DIV obraz tła.
Mam jeden div (o id = 'a'), który nie chcę, aby miał obraz tła.
Jaką zasadę css muszę podać?
Odpowiedzi:
Próbować:
div#a {
background-image:none
}
div#a {
background-image: none !important;
}
Chociaż „! Ważne” może nie być konieczne, ponieważ „div # a” ma wyższą specyficzność niż tylko „div”.
div#a {
background-image: url('../images/spacer.png');
background-image: none !important;
}
Używam przezroczystego obrazu odstępnika oprócz reguły, aby usunąć obraz tła, ponieważ IE6 wydaje się ignorować, background-image: none
nawet jeśli jest zaznaczony !important
.
background-image:none;
(z ot bez !important
) działa bezbłędnie.
Ponieważ w css3 można ustawić wiele obrazów tła, ustawienie „none” spowoduje jedynie utworzenie nowej warstwy i niczego nie ukrywa.
http://www.css3.info/preview/multiple-backgrounds/ http://www.w3.org/TR/css3-background/#backgrounds
Nie znalazłem jeszcze rozwiązania ...
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%);
dla starszych przeglądarek .. jeśli zdefiniowałeś css w niektórych plikach framewokrk.css, takich jak select2.css w IE9 background-image: -webkit-gradient itp., i chcesz, aby za pośrednictwem innego .css przepisał z tekstem „obraz-tła: brak! ważne” nie działa. Użyłem tego samego koloru do pokolorowania gradientu jak kolor tła strony.
Jeśli twoja reguła div jest sprawiedliwa div {...}
, to #a {...}
wystarczy. Jeśli jest to bardziej skomplikowane, potrzebny jest „bardziej szczegółowy” selektor, zgodnie ze specyfikacją CSS dotyczącą specyficzności . (#a jest bardziej szczegółowy niż div jest tylko jednym aspektem w algorytmie).
Gdy background-image: none !important;
nie działają. Możesz użyć:
background-size: 0 !important;
#a {}
. Nie używaj typów elementów w selektorach, chyba że jest to konieczne .