Geht Eltern<div> transparent, Kind<div> deckend?

[frankinety]

Weiß jemand ob es möglich ist, zwei divs ineinander zu verschachteln, und das innere div (also Kind) deckend zu gestalten während das Elterndiv transparent bleibt? Die Transparenz des Elterndivs vererbt sich dummerweise ja an alle Kindelemente....

merci, Frank

[Adromir]

Machst du das mit der Eigenschaft opacity? Da könnte man versuchen dem Kindelement einen Opacity Wert von über 100 bzw. 1 zu geben. Weiß aber nicht, ob das klappt..

[frankinety]

yep, verwende aber zusätzlich noch -moz-opacity und filter:alpha um die Transparenz der Elternebene auch in anderen Browsern zu gewährleisten. Von daher klingt Dein Lösungsvorschlag für mich etwas unsauber...

[Daniel FR]

Man kann doch normalerweise vererbte Eigenschaften durch explizite Gegenanweisungen neutralisieren, oder nicht?

Abgesehen davon werden m. E. Hintergrundfarbattribute nicht vererbt. (http://www.w3.org/TR/REC-CSS2/propidx.html -> background-color)

Wenn nicht: Hast du es mit !important versucht?

[frankinety]

Hab mich falsch ausgedrückt, die Eigenschaft wird nicht vererbt, aber dadurch dass Kind<div> ein Bestandteil von Eltern<div> ist, wird natürlich auch dieses Transparent dargestellt;

Ists schlimm wenn mir !important absolut nichts sagt? Kannst Du mal nen Satz darüber verlieren?

[Daniel FR]

Google-Suche

und:

http://www.w3.org/TR/REC-CSS2/cascad...mportant-rules

und:

Die Cascade

Hiervon rührt auch der Name der Cascading Style Sheets. Die Cascade legt fest, welche Style Regeln ausgewertet werden, falls es Konflikte zwischen den Regeln gibt (d.h. falls mehrere Regeln für das selbe Element existieren). Machen wir uns zunächst Gedanken, aus welchen Quellen konkurrierende Style Sheets kommen können.
Author
Das sind die Style-Sheets, über die bisher gesprochen wurde. Sie werden vom Author der Seite in selbiger angegeben (entweder direkt oder als externe Sheets).
User
Auch der Anwender ist in der Lage, Style-Informationen für ein geladenes Dokument vorzugeben, z.B. eine Datei, die ein Style-Sheet enthält. Der Browser muß diese Möglichkeit bieten.
User agent
Ein Browser muß immer ein default style sheet für ein Dokument vorgeben, das immer dann zum Zuge kommt, wenn kein anderes Style Sheet vorgegeben ist.

Die cascading Reihenfolge ist nun wie folgt:

Regel bei Konflikten:
Author Style Sheets überschreiben User Style Sheets.
User Style Sheets überschreiben ihrereseits wiederum das Default Style Sheet.

Regel bei Konflikten (falls die erste Regel nich hilft):
Style Rules mit genaueren Selektoren gehen vor Style Rules mit allgemeineren Selektoren.

Regel bei Konflikten (falls bis jetzt noch nichts geholfen hat):
Es wird die zuletzt angegebene Regel verwendet.

Es besteht auch die Möglichkeit, in diese cascade-Regeln einzugreifen. Hierzu kann man sogenannte !important-Regeln verwenden. Das Keyword !important wird hierzu einfach bei einer Regeldefinition hinter der Property angegeben, für die der Cascade-Algorithmus außer Kraft gesetzt werden soll.

Z.B.:
BODY {color: black !important;
background: white !important;
font-family: serif}

Sollte es dabei wieder zu Konflikten kommen, so überschreiben important-Rules des Authors die User-important rules. (Anmerkung: Im CSS2-Standard ist dies genau anders herum.)

(Quelle: http://www.rus.uni-stuttgart.de/kurs.../concept.html)

Manchmal sind !important-rules nach meiner Erfahrung das einzige Mittel, um bestimmte Effekte sicher zu erreichen.

[frankinety]

Mit !important ist das Problem nicht zu lösen, vielen Dank aber trotzdem, ich hab wieder mal was gelernt

[Adromir]

MMh. Also meine Idee scheint auch nicht zu funktionieren. Mir würde nur einfallen, die beiden Elemente nicht zu verschachteln und über die Positionierung und den z-index übereinander zu legen..

[frankinety]

Das klingt nach einem Ausweg, merci