01.06.2011, 10:30
(Dieser Beitrag wurde zuletzt bearbeitet: 18.07.2016, 23:21 von juergenhold.)
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 ...
.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 ...