Transparenz

[DataFox]

Hi Leute

Ich erstelle ein DIV:

var new_eo = (document.all && !window.opera)? document.createElement("<div id=\"divContainer\"></div>") : document.createElement("div");
new_eo.setAttribute("id","divContainer");
new_eo.style.backgroundColor = "#000000";

dieses DIV soll nun 50% transparent sein. Wie man das mit CSS macht, weiss ich - aber was wäre hier das entsprechende JavaScript-Äquivalent für die setAttribute-Methoden oder für die Zuweisung des styles?

In CSS sieht das so aus...alle diese 3 Werte werden gebraucht, damit es in allen gängigen Browsern funktioniert:

.transparenz {
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}

Gruß
Laura

 

[DataFox]

new_eo.style.opacity = 0.5;

funktioniert schon mal net...

new_eo.style.opacity = "0.5";

auch net...

-----
edit:

aber das hier tuts im ie:

new_eo.style.filter = 'alpha(opacity=50)';

hoffe es nützt jemandem was

Gruß
Laura

 

[Sven Mintel]

Du ersparst dir einige Schreibarbeit, indem du dem Element einfach den Klassennamen zuweist

new_eo.className="transparenz";

 

[DataFox]

Hi Sven,

stimmt das ist auch eine gute Idee!

Gruß
Laura