nicht angemeldet
Hi,
Beim Validator vom w3c bekomme ich die Meldung das ein color - Attribut immer auch ein background-color verlangt (und umgekehrt), damit der Code valid ist.
background-color: inherit; //soll die HG-Farbe vom übergeprdneten Element übernehmen
oder:
background-color: transparent; //HG soll vollständig transparent sein
oder die Warnung einfach als Hinweis verstehen.
Der CSS-Validator validiert ohne Kenntnis des Dokumentes!
Beispiel:
CSS (erzeugt 3 Warnings)
body { color:red; background-color:green; }
div { color:blue; }
div.white { background-color:white; }
div.yellow { background-color:yellow; }
HTML:
<body>
<div class="white">
blau auf weiß - mit color:inherit wäre es rot auf weiß
</div>
<div class="yellow">
blau auf gelb - mit color:inherit wäre es rot auf gelb
</div>
</body>
Für alle divs ist sowohl Farbe als auch Hintergrund gesetzt.
Nimmt man aber in div.white/div.yellow noch ein color:inherit; mit rein, wird die Farbe von body geerbt - und damit nicht mehr blau auf weiß/gelb, sondern rot auf weiß/gelb.
Analog kann man auch Beispiele für die Hintergrundfarbe bauen, so daß sie zwar immer gesetzt ist, aber dieses vom CSS-Validator wegen dessen Unkenntnis des Dokuments nicht erkannt wird - transparent würde dann auch eine Änderung des Aussehens bewirken...)
body { color:red; background-color:#efe; }
div { background-color:#eef; }
div.green { color:green; }
div.blue { color:blue; }
<body>
<div class="green">
grün auf #eef - mit background-color:transparent; oder background-color:inherit wäre der Hintergrund #efe...
</div>
<div class="blue">
blau auf #eef - mit background-color:transparent; oder background-color:inherit wäre der Hintergrund #efe...
</div>
</body>
(hoffentlich hab ich jetzt keinen Wurm drin in den Beispielen...)
cu,
Andreas
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/