Suche im Forum:
Suchen


Autor Nachricht
Beitrag23.06.2007 um 08:53 (UTC)    
Titel: CSS: Transparenz

Transparenz mit CSS
Beschreibung überarbeitet am 16.12.11 (by find-templates.de.tl)

Mit CSS ist es möglich einem Feld (bzw. einer Klasse) eine bestimmte Transparenz zu verleihen.
Die gewünschte Klasse im CSS Code muss folgende CSS-Eigenschaften bekommen:

Zitat:

filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;

Dies ist für Mozilla Firefox, Internet Explorer und Opera, eine Transparenz von 25%.


Beispiel für 50 Prozent Transparenz:
Zitat:

filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;


Beispiele:

Beispiel für die Klasse der Navi-Buttons / Iceblue :

Zitat:

td.nav {
background-image:url();
background-color:#ff00ff;
opacity: 0.75;
-moz-opacity: 0.75;
filter: alpha(opacity=75);
}



So kann dann die ganze Sache aussehen (75%):


Größerer Screenshot: >> KLICK <<
______________
LG André

GMMTS.de


Zuletzt bearbeitet von andybabe27 am 16.12.2011, 13:23, insgesamt 5-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de