6 svar · 498 visningar · startad av carl_x
Enligt standard måste man ju ange background-color i en class om man använder attributet color, och tvärtom. W3:s validator gillar inte att man använder background-color: transparent;.
Hur löser man det? Jag vill ju inte använda någon bakgrundsfärg.
Hmm..
Du får en varning och inte ett fel antar jag ?
http://lists.w3.org/Archives/Public/www-validator-css/2005Oct/0018.html
Transparent är ett helt OK färgvärde annars...
http://www.w3.org/TR/CSS21/colors.html#background-properties
Vill du slippa varningen - testa med om du inte får den effekt du är ute efter med färgvärdet "inherit" istället för "transparent" ;)
Det är mest ett varningens ord, ifall du inte har tänkt på att det kan bli dålig kontrast. Din CSS validerar ju ändå, eller hur?
Att du använder transparent som "färg" på en bakgrund är inget fel. Validatorn ger ju "bara" en varning för detta. Har du fullgoda skäl till att använda transparent bakgrund bakom en text, så kan du strunta i varningen om du är medveten om att texten kanske kan bli oläslig för någon besökare i extrema situationer.
En sådan situation kan vara att besökaren ser egen vald bakgrundsfärg som råkar vara samma som den färg du använt för texten. Eller om du har en bild som bakgrund, som inte laddas upp och texten har samma färg som den bakgrund som visas istället för bilden.
Fungerade fint med "inherit". Tack!
Visst validerar den ändå, men jag gillar inte varningar. Det ska vara rent och snyggt! :bire
carl_x skrev:
Enligt standard måste man ju ange background-color i en class om man använder attributet color, och tvärtom.
Vilken standard?
Om föräldern har det beräknade värdet "transparent" på 'background-color' så blir det transparent ändå (hade validatorn varit lite "smartare" hade du fått samma varning). Om du inte vill ha med varningar kan du välja No Warnings i Advanced Interface.
Om det vore sant att W3C inte gillade genomskinlig bakgrundsfärg skulle de nog inte använda det själva.
Hmmm! Intressant!
background-color: inherit betyder ju att bakgrundsfärgen ärvs...
Låt oss då säga att man har en container med bakgrundsfärgen: "white".
Sedan placerar man en box i den som har: color: black; background-color: inherit i den. Då blir ju bakgrundsfärgen i innerboxen "white" och texten "black" och allt är frid och fröjd!
Men! Man skulle lika gärna kunna skriva: color: white; background-color: inherit och bakgrundsfärgen blir fortfarande "white", precis som texten - man du får inga varningar - fast texten inte syns... Och det skulle bli samma sak om man skrev: background-color: transparent...
Om man får varningar när man validerar betyder väl det att det finns just VARNINGAR som man ska kolla över för att vara säker på att det inte uppstår konflikter? Det kan ju bli hur tokigt som helst med både transparent och inherit - varning eller inte!
Sen är det ju frestande att ange inherit på länkar och text och allt möjligt som man ger en färg med color... Bara för att inte få varningar i valideringen...
Dessutom.. ;)
background-color: #FFFFFF; color: white;
Validerar också...
