+- IT @ work - InformationsTechnologie bei der Arbeit (https://www.quelltext.at/it_at_work)
+-- Forum: Webdesign (https://www.quelltext.at/it_at_work/forumdisplay.php?fid=3)
+--- Forum: Programmierung (https://www.quelltext.at/it_at_work/forumdisplay.php?fid=19)
+--- Thema: Transparenz in CSS, Styles für alle Browser (/showthread.php?tid=141)
Transparenz in CSS, Styles für alle Browser - juergenhold - 01.06.2011
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:"progid
XImageTransform.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 ...