Dabei seit: 19.12.2004 Ort: Hannover / Göttingen Alter: 43 Geschlecht:
Verfasst Di 05.05.2009 18:23 Titel
CSS: Halb-Transparente Tabelle mit Nicht-transparentem Text
Hallo zusammen.
Ich (Achtung: Printler mit Halbwissen) möchte gerne eine Tabelle in meinem HTML-Dokument halbtransparent haben, der innen befindlichen Text allerdings soll nicht transparent sein.
Die Tabelle kriege ich soweit noch hin. Das sieht bei mir so aus:
Somit ist der Text in der Tabelle aber auch auf 50% Deckkraft.
Wie bekomme ich den Text jetzt wieder auf volle Deckraft? Gesehen habe ich das schon mal.
Vielen Dank schonmal.
Zuletzt bearbeitet von TomPee am Di 05.05.2009 21:05, insgesamt 2-mal bearbeitet
Dabei seit: 18.11.2004 Ort: - Alter: - Geschlecht:
Verfasst Di 05.05.2009 19:14 Titel
Das wird auf diesem Weg nicht funktionieren. Denn wenn du die Tabellenzelle per CSS mit
einer opacity Eigenschaft versiehst, dann werden logischerweise alle Inhalte welche sich innerhalb
dieser Zelle befinden auch transparent dargestellt.
Du hast vers. Möglichkeiten das gewünschte Ergebnis zu erreichen. Eine wäre dass du einfach eine
halbtransparente Hintergrundgrafik einsetzt. Eine andere Möglichkeit ist es, deinen Text absolut über
einem Element mit opacity Eigenschaft zu platzieren (also ein Element dass sich nicht innerhalb
des Elementes welches mit der opacity Eigenschaft versehen ist befindet).
Zur ersten Möglichkeit: ein halbtransparentes PNG als Hintergrundgrafik einsetzen. Um dieses PNG
auch in alten Microsoft Internet Explorer Versionen (< IE7) korrekt darzustellen benötigst du einen
"hack", mehr dazu erfährst du hier im Forum (Suche: "png fix").
Zur zweiten:
Code:
.opacity {
height: 500px;
opacity: 0.8;
}
div#text {
/* auf irgendeine weise über dem halbtransparentem element platzieren */
}
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
Mediengestalter.info ist ein Projekt von Webformatik:: Forensoftware: phpBB