Arka plan rengi: hiçbiri geçerli CSS değil mi?

Birisi bana aşağıdaki CSS'nin geçerli olup olmadığını söyleyebilir mi?

.class {
    background-color:none;
}

Muhtemelen istediğiniz transparentkadar nonegeçerli bir değil background-colordeğer.

CSS 2.1 Spec için şöyle der background-colormülkiyet:

Value: <color> | transparent | inherit

<color>bir anahtar kelime veya bir rengin sayısal temsili olabilir. Geçerli coloranahtar kelimeler :

aqua, siyah, mavi, fuşya, gri, yeşil, kireç, kestane rengi, lacivert, zeytin, turuncu, mor, kırmızı, gümüş, deniz mavisi, beyaz ve sarı

transparentve inheritkendi başlarına geçerli anahtar kelimelerdir, ancak nonedeğildir.

Hayır, transparentbunun yerine kullanın none. Örnek çalışma Bkz buraya değiştirmek eğer bu örnekte transparentiçin noneböyle olmaz işin

gibi kullan .class { background-color:transparent; }

Cevap hayır.

Yanlış

.class {
    background-color: none; /* do not do this */
}

Doğru

.class {
    background-color: transparent;
}

background-color: transparentaynı şeyi yapmak istiyoruz background-color: none.

.class {
    background-color:none;
}

Bu geçerli bir mülk değil. W3C doğrulayıcı aşağıdaki hatayı görüntüleyecektir:

Değer Hatası: arka plan rengi yok arka plan rengi değeri değil: yok

transparentCSS spesifikasyonunun geliştirilmesi sırasında değerler yerine daha iyi bir terim 0veya nonedeğerler olarak seçilmiş olabilir .

CSS Seviye 3 unsetözellik değerini belirtir . Gönderen MDN'yi :

Unset CSS anahtar sözcüğü, başlangıç ​​ve devralma anahtar kelimelerinin birleşimidir. Diğer iki CSS geneli anahtar kelime gibi, CSS kısaltma da dahil olmak üzere herhangi bir CSS özelliğine uygulanabilir. Bu anahtar kelime, üst öğeden devralındığında mülkü devralınan değerine veya yoksa başlangıç ​​değerine sıfırlar. Başka bir deyişle, ilk durumda devral anahtar kelimesi gibi, ikinci durumda da ilk anahtar sözcük gibi davranır.

Ne yazık ki bu değer şu anda IE, Safari ve Opera dahil olmak üzere tüm tarayıcılarda desteklenmemektedir. Şimdilik kullanmayı öneririm transparent.

bunu yaz:

.class {
background-color:transparent;
}

Bu yüzden, bu çözümü kullanmak zorunda olduğum senaryoyu açıklamak istiyorum. Temel olarak, başka bir CSS tarafından ayarlanan arka plan rengi özelliğini geri almak istedim. Beklenen sonuç, orijinal CSS'nin arka plan rengi özelliğini hiç uygulamadığı gibi görünmesini sağlamaktı. Bu ayar background-color:transparent;etkili oldu.