Bagaimana cara menghapus gambar latar dalam css?

192

Saya memiliki aturan umum yang memberikan semua DIV gambar latar belakang.
Saya punya satu div (dengan id = 'a') yang saya tidak ingin memiliki gambar latar belakang.
Aturan css apa yang harus saya berikan?

html css

— Itay Moav -Malimovka
sumber

342

Mencoba:

div#a {
    background-image:none
}

— AnthonyWJones
sumber

13

Gunakan saja #a {}. Jangan gunakan tipe elemen dalam penyeleksi kecuali jika diperlukan .

— Jezen Thomas

3

"Menghindari penyeleksi leluhur yang tidak perlu berguna untuk alasan kinerja." Bukan masalah saat Anda bukan Google.

— Davor

W3C Rekomendasi tentang CSS 3 Selectors> Menghitung pemilih ini spesifisitas w3.org/TR/css3-selectors/#specificity

— TarranJones

34

div#a {
    background-image: none;
}

— Ruud
sumber

30

div#a {
  background-image: none !important;
}

Meskipun "! Penting" mungkin tidak diperlukan, karena "div # a" memiliki kekhususan yang lebih tinggi dari sekedar "div".

— M4N
sumber

Bagian penting tidak diperlukan karena deklarasi dengan #a lebih tepat daripada deklarasi div dan oleh karena itu aturan ini akan diterapkan sebagai pengganti aturan div umum.

— Ruud

1

Saya menemukan penting untuk diperlukan di Chrome

— dlchambers

17

div#a {
  background-image: url('../images/spacer.png');
  background-image: none !important;
}

Saya menggunakan gambar spacer transparan selain aturan untuk menghapus gambar latar belakang karena IE6 tampaknya mengabaikan background-image: nonemeskipun ditandai !important.

— MatthewPearson
sumber

6

Siapa yang peduli dengan IE6 hari ini.

— Rob W

-1 Jawaban Anda salah. Saya memulai IE6, dan background-image:none;(tanpa ot !important) bekerja dengan sempurna.

— Rob W

8

Sebenarnya, saya peduli - salah satu klien saya memiliki lingkungan jaringan yang terisolasi dengan beberapa perangkat lunak khusus yang belum diperbarui. IE6 adalah apa yang harus mereka gunakan. Sedih tapi benar :(

— Russ Clarke

5

Punya upvote untuk mengurangi downvote Rob W. Sangat tidak sopan baginya untuk melakukan downvote hanya untuk kompatibilitas mundur yang bahkan bukan peretasan, terlepas dari apakah ia dapat memperbanyaknya atau tidak

— Kavi Siegel

8

Karena di css3 orang mungkin mengatur beberapa gambar latar belakang pengaturan "tidak ada" hanya akan membuat layer baru dan tidak menyembunyikan apa pun.

http://www.css3.info/preview/multiple-backgrounds/ http://www.w3.org/TR/css3-background/#backgrounds

Saya belum menemukan solusi ...

— Ini aku
sumber

Saya percaya "latar belakang: tidak ada;" akan menimpa

— circusdei

2

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%);

untuk browser yang lebih lama .. jika Anda telah mendefinisikan css di beberapa framewokrk.css seperti select2.css di IE9 background-image: -webkit-gradient dll. dan Anda menginginkannya melalui .css lain, tulis ulang dengan "background-image: none! important" tidak bekerja. Saya menggunakan warna yang sama untuk gradien warna seperti warna latar belakang halaman.

— tapi s
sumber

1

Jika aturan div Anda adil div {...}, maka #a {...}akan cukup. Jika lebih rumit, Anda memerlukan pemilih "lebih spesifik", seperti yang ditentukan oleh spesifikasi CSS pada spesifisitas . (# menjadi lebih spesifik daripada div hanyalah satu aspek dalam algoritma.)

— Justin Love
sumber

1

Ketika background-image: none !important;tidak berpengaruh. Kamu bisa memakai:

background-size: 0 !important;

— Michał Szymański
sumber

0

Tidakkah ini bekerja:

.clear-background{
background-image: none;
}

Mungkin ada masalah di browser lama ...

— Ben Hall
sumber

0

Ganti aturan yang Anda miliki dengan yang berikut ini:

div:not(#a) { // add your bg image here //}

— circusdei
sumber