Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Transparenz in CSS, Styles für alle Browser
06-01-2011, 06:30 PM, (Dieser Beitrag wurde zuletzt bearbeitet: 07-19-2016, 07:21 AM von juergenhold.)
#1
Transparenz in CSS, Styles für alle Browser
Wie kann man Elemente, DIVs, transparent setzen? Im CSS sind dafür mehrere Angaben notwendig, damit die Transparenz auch in allen gängigen Browsern dargestellt wird. Dazu kann man entweder in der html-Datei direkt so etwas wie <div style="filter:Alpha(opacity=90,);-moz-opacity:0.9;opacity: 0.9;"> angeben, oder in der CSS-Datei folgendes:

.transparent {
/* Theoretisch für IE 8 & 9 */
/* ... wenn die Filterangabe arbeitet, ist dies nicht notwendig */
/* immer vor der Angabe filter */
-ms-filter:"progidBig GrinXImageTransform.Microsoft.Alpha(Opacity=50)";

/* Für IE 8 & 9 auch */
/* ... aber auch für 5, 6, 7 */
filter: alpha(opacity=50);

/* älter als Firefox 0.9 */
-moz-opacity:0.5;

/* für Safari 1.x (pre WebKit!) */
-khtml-opacity: 0.5;

/* Modern! */
/* Firefox 0.9+, Safari 2?, Chrome any? */
/* Opera 9+, IE 9+ */
opacity: 0.5;
}

Viel Spaß damit ...
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste