Datenschutzerklärung

CSS & background-color: transparent

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / HTML und XHTML-Forum /

CSS & background-color: transparent

  Beitrag schreiben
Autor
Beitrag Seiten: 1
Dungeonwatcher
Mitglied

Ort: Berlin
Registriert: 08.11.2005
Beiträge: 105
Hi! 8-)

Ist das background-color: transparent; nun gültig oder nicht?

Der W3 CSS-Validator bemängelt bei mir 'ne Menge "Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben".

Bye/2


_______________________________________
Gibt es einen Virenscanner der Windows erkennt?

25.08.2006 13:47:24
http://www.dungeon-bbs.de/forum/ Zitieren
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 544
Hallo,
"transparent" ist erlaubt, hat aber keine Farbe ;-))
Er bemängelt ja nicht das Fehlen von "background-color" sondern das fehlen einer Farbe.
Der CSS-Validator vom W3C ist eh so eine Sache für sich, nicht alles so ernst nehmen was der meldet...


_______________________________________
mfg
Thomas Mell

www.validome.org

25.08.2006 14:20:18
  Zitieren
Jannik
Mitglied

Registriert: 16.08.2006
Beiträge: 43
Das mit dem CSS-Validator stimmt. Mir hat er mal vorgeworfen ich hätte doch keine Hintergrund-Farbe angegeben, obwohl ein Hintergrundbild definiert war...

mfg.


25.08.2006 15:50:12
  Zitieren
Dungeonwatcher
Mitglied

Ort: Berlin
Registriert: 08.11.2005
Beiträge: 105
Ahja, THNX

Gibt es denn einen besseren Validator bzw. wäre das nicht was für hier? %-)


_______________________________________
Gibt es einen Virenscanner der Windows erkennt?

25.08.2006 15:53:44
http://www.dungeon-bbs.de/forum/ Zitieren
Gurkenpapst
Gast



Diese Meldung ist nur eine Warnung und soll vor problematischen Konstellationen schützen, wo dann die Schriftfarbe nicht oder nur schwer vom Hintergerund unterscheidbar ist. Man denke z. B. an ein Stylesheet wie

p{background:white; color:black;}

strong{color:white;}

Beide Selektoren allein sehen erstmal völlig harmlos aus und sind valide.

In einem HTML-Fragment wie

<p>foo<strong>bar</strong></div>

ergibt sich daraus aber ein Problem, das sich durch konsequente Definition von Hintergrundfarbe und Vordergrundfarbe sicher vermeiden lässt. Es handelt sich halt um eine potenzielle Problemquelle, wer das im Griff hat, kann die Meldung natürlich ignorieren.

Das mit dem Hintergrundbild ist auch nicht unproblematisch, beim Laden einer Seite wird der Text oft schon dargestellt, bevor Hindergrundbilder geladen wurden. Oder ein Hintergrundbild wird mal absichtlich oder aufgrund eines Fehlers nicht geladen. Insofern ist es immer sinnvoll, trotz Hintergrundbild auch eine passende Hintergrundfarbe zu definieren um ungünstige Konstellationen zu vermeiden.

Beide Meldungen haben also durchaus ihre Berechtigung und durch sauberen Stil lassen sich beide Meldungen und die potenziellen Probleme vermeiden.


25.08.2006 20:24:39
  Zitieren
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 544
Hi,
>>Gibt es denn einen besseren Validator bzw. wäre das nicht was für hier? %-)
Mir ist kein anderer CSS-Validator bekannt und wir werden sicherlich auch mal einen programmieren, das ist nur eine Riesenarbeit...


_______________________________________
mfg
Thomas Mell

www.validome.org

25.08.2006 22:33:21
  Zitieren
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
Interessante Lektüre des W3C:
http://edition-w3c.de/TR/1998/REC-CSS2- ... kap14.html
Danach kann man sich ein eigenes Bild machen...

Prinzipiell gebe ich Gurkenpapst recht in seiner Ausführung des von ihm gewählten Beispieles,
nur ist das ein Beispiel, welches meiner Meinung nach hinkt.
strong ist eigentlich eine besondere Markierung/Hervorhebung innerhalb von fliessendem Text und soll den eingegrenzten Teiltext in seiner Stärke vom Rest abheben (deswegen strong).
Dort eine Hintergrundfarbe anzugeben war ursprünglich sicherlich nicht eine der Ideen bei Einführung dieses Attributes (im übrigen auch nicht, eine andere Schriftfarbe zuzuweisen).
Das dieses (und vieles anderes) dank CSS trotzdem möglich ist, zeigt genau die Schwierigkeit auf, einen sicheren Validator bereitzustellen.
Ebenso verhält es sich mit p oder h1 etc...
Aber dies ist meine Meinung und ich erhebe damit keinen Anspruch auf Richtigkeit...

Noch eine kleine Anmerkung: Ist keine Hintergrundfarbe angegeben, ist der automatische Wert 'transparent' (mit Ausnahme html/body, denn bei keiner Angabe ist dieser #fff),
weswegen die Meldungen zwecks der fehlenden Hintergrundfarbe m. E, überflüssig sind.
Zitat aus obiger Linkquelle:

Hintergrundeigenschaften werden nicht vererbt, aber der Hintergrund der übergeordneten Box scheint standardmäßig durch, weil 'background-color' den Ausgangswert 'transparent' hat.


_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol

25.08.2006 23:56:26
http://dkmd.de | http://dkdenz.de Zitieren
Reram
Mitglied

Registriert: 22.10.2007
Beiträge: 1
Hey, nachdem Google mich in diesen Thread geführt hat hoffe ich mal ihr könnt mir weiter helfen. Allem Anschein nach gibt es verschiedene Ansätze um mit oder ohne CSS die Transparenz von Boxen zu definieren (http://stereobit.de/blog/2007/05/02/css-spielereien-heute-transparenz/). Leider ist keine von den in diesem Artikel angegeben Lösungen für alle Browser geeignet und trotzdem valide. Darum meine Frage an die Profis hier: Gibt es eine valide Lösung bei der auch der IE 6 mit spielt?

Beitrag geändert von Reram (22.10.2007 09:58:05)


22.10.2007 09:57:19
  Zitieren
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
Hi


Reram schrieb:

Gibt es eine valide Lösung bei der auch der IE 6 mit spielt?


Was CSS und PNG anbelangt: Nein!
Aber das steht doch auch schon alles in Deiner Quelle.
Allerdings wird ja in der letzten Antwort auf den Quellenbeitrag eine mögliche Lösung benannt.

Viel Spaß noch...


_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol

22.10.2007 13:57:13
http://dkmd.de | http://dkdenz.de Zitieren
lumapu
Gast



Hiermit geht Transparenz in CSS:

filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Gecko-Browser */
opacity:0.5; /* Opera 9+ */


viel Spaß damit


28.11.2007 01:09:04
  Zitieren
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605

lumapu schrieb:

Hiermit geht Transparenz in CSS:

filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Gecko-Browser */
opacity:0.5; /* Opera 9+ */


viel Spaß damit



Hi

Vielen Dank für das Interesse, Beiträge leisten zu wollen, doch leider geht es in diesem Thread nicht darum.
Außerdem hast Du khtml-opacity vergessen ;)

Viel Spaß noch...


_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol

28.11.2007 07:48:52
http://dkmd.de | http://dkdenz.de Zitieren
oOSilentSoulOo
Mitglied

Ort: München
Registriert: 08.12.2007
Beiträge: 4
hi Leute,
ich hab hier n Problem, kenn mich leider net sehr gut aus was HTML und so angeht, aber ich gebe mein bestes und bevor ich mich dumm und dämlich suche frage ich lieber in nem Forum nach... oO

ich möchte das hier {background-color:transparent!important} gerne ändern. bei Myspace.com steht das für die Freunde auf meinem Profil und ich möchte diese aber klar sehen und net so durchsichtig, dass man die kaum erkennen kann... oO könnt ihr mir da helfen?
PS: ich sagte glaube ich bereits, dass ich mich nicht auskenne ^^ also wenn möglich, dann bitte ne Beschreibung für Dummies xD
Bedanke mich recht herzlich ^^

SilentSoul


_______________________________________
~Broken Soul~

08.12.2007 09:57:32
eMail Zitieren
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
Hi

Zum Ändern einfach transparent und !important löschen und stattdessen eine Farbe Deiner Wahl eintragen (z.B. #ff0000;).

Viel Spaß noch...


_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol

08.12.2007 15:56:45
http://dkmd.de | http://dkdenz.de Zitieren
oOSilentSoulOo
Mitglied

Ort: München
Registriert: 08.12.2007
Beiträge: 4
woa ^^ dankeschön ^^

_______________________________________
~Broken Soul~

08.12.2007 16:05:56
eMail Zitieren
oOSilentSoulOo
Mitglied

Ort: München
Registriert: 08.12.2007
Beiträge: 4
hallo Leute, ich nochmal ^^
Also hier:

<style type="text/css">
FriendSpaceCode {UserURL: http://www.editmscode.com/friends}
td.text td.text table table table, td.text td.text table br, .rid br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:all;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table {background-color:none}
td.text td.text table td {font-size:0}
td.text td.text {height:0}
a.fs{position:absolute; left:0; top:0; z-index:9; height:30px; width:90px;
note {'change "8" to suit your needs if your comment text seems smaller or larger than usual'}
td.text td.text table b, td.text td.text table table td {font-size:8pt}
note {'comment padding fix'}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
</style>

meine Freunde bei MySpace.com sind immernoch durchsichtig... oO Und ich check ums Verrecken nich warum... oO
Also, wenn ihr mir nochmal helfen könnt... wäre euch sehr dankbar ^^

VIELEN VIELEN DANK!!!

oOSilentSoulOo


_______________________________________
~Broken Soul~

09.12.2007 12:34:32
eMail Zitieren
oOSilentSoulOo
Mitglied

Ort: München
Registriert: 08.12.2007
Beiträge: 4
hat sich erledigt... oO danke trotzdem... ^^

_______________________________________
~Broken Soul~

09.12.2007 15:03:09
eMail Zitieren
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01