element.style.filter opacity non funziona :(

**Dreamer89** · 16-11-2008, 13:43

Salve a tutti. Ho un problema, praticamente non riesco a far rendere un div semi trasparente in IE 6...

codice:

<html>
	<head>
		<title>Test DF Lib</title>
		<script type = "text/javascript" src = "dflib.js"></script>
		<script type = "text/javascript">
			function op()
			{
				var element = document.getElementById ("test");
				element.style.filter = "alpha (opacity=30)";
				element.style.opacity = 0.3;
				element.style.MozOpacity = 0.3;
			}
		</script>
	</head>
	<body>
		<a href = "#" onClick = "op(); return false;">Transparence</a>
		<div id = "test">
			<img src = "Colline azzurre.jpg">
		</div>
	</body>
</html>

Al click sul link "Transparence", in Mozilla e in Opera, al div viene eseguita correttamente la trasparenza mentre in IE no... ho usato più volte questa funzione e mi è sempre funzionato anche su IE, ma perchè ora no? Non capisco dove sbaglio...

**artorius** · 16-11-2008, 14:27

perchè in IE6 applicando il filter di apha l'effetto non viene propagato ai discendenti dell'elemento, ma solo all'elemento dove viene applicato.
Nel tuo caso, la trasparenza viene applicata al div con id ="test", ma non all'immagine in esso contenuto.

**Dreamer89** · 16-11-2008, 14:32

Originariamente inviato da artorius
perchè in IE6 applicando il filter di apha l'effetto non viene propagato ai discendenti dell'elemento, ma solo all'elemento dove viene applicato.
Nel tuo caso, la trasparenza viene applicata al div con id ="test", ma non all'immagine in esso contenuto.

Sei sicuro? Perchè io ho già provato in precedenza e mi funzionava bene come Mozilla e Opera. Vai qui: www.dieffeweb.com/it/software.php , clicca su un linguaggio, dopo che la finestra si sarà spostata verso sinistra, apparira in modo graduale (con trasparenza) la finestra che mostra la lista dei programmi. Ho operato con la trasparenza del div e anche con IE viene evidentemente applicato anche agli elementi del suo contenuto o_O

**artorius** · 16-11-2008, 14:47

so che dipende dalla position dell'elemento, ma non so dirti in che modo influisce... fai delle prove mettendo float:none; e position : static; all'immagine, e prova a mettere degli altri elementi all'interno del div.

Discussione: element.style.filter opacity non funziona :(

Strumenti discussione

Ricerca discussione

Visualizza

element.style.filter opacity non funziona :(

Permessi di invio