filter in IE 6.0 non funziona

**andreaciao_22** · 11-04-2007, 08:45

salve a tutti,

stavo facendo delle prove sull'opacità in una pagina web, ma ho notato che mentre in mozilla funziona tutto come dovrebbe, in IE non funge nuall.

questa è la pagina:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<style type="text/css">
			#p{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:15px;
				color:#666666;
				text-decoration:none;
				filter:Alpha(Opacity=30);
				-moz-opacity: 0.3;
			}
			#p:hover{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:17px;
				color:#F95147;
				text-decoration:none;
				filter:Alpha(Opacity=75);
				-moz-opacity: 0.75;
			}
			#current{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:15px;
				color:#0099FF;
				text-decoration:none;
			}
		</style>
		<script type="text/javascript" language="javascript">
			function prova(){
				var current = document.getElementById("current");
				var nameBrowser = navigator.appName;
				if (nameBrowser == "Netscape") {
					this.id = "current";
				} else {
					window.event.srcElement.id = "current";
				}
				if (current != null) {current.id = "p";}
			}
		</script>
		<title>Documento senza titolo</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	</head>
	
	<body>
		1
		2
		3
	</body>
</html>

è come se IE non mi riconoscesse il filter.

qualcuno può aiutarmi?

**serialkiller** · 11-04-2007, 09:11

Ogni browser ha il suo css per l'alpha

codice:

filter: alpha(opacity=30);   /* IE */
moz-opacity: 0.3;           /* mozilla */
opacity: 0.3;                 /* Firefox ed altri */

quindi li devi mettere tutti e tre

**andreaciao_22** · 11-04-2007, 09:20

è quello che ho fatto ma IE non mi riconosce il filter... mentre su firefox va...

**serialkiller** · 11-04-2007, 09:30

Intanto scrivi tutto minuscolo e con le dovute spaziature, per il resto non saprei che dirti, non funziona in IE è anche troppo generico visto che di versioni ne esistono almeno 4 (5 - 5.5 - 6 - 7), al momento posso controllare solo sulla 7 e funziona tranquillamente.

**andreaciao_22** · 11-04-2007, 09:46

io stò usando la versione 6 service pack 1

**andreaciao_22** · 12-04-2007, 14:09

nessuno che mi possa aiutare?

ps: la versione di internet che uso è nel titolo della discussione

**Mich_** · 12-04-2007, 15:04

La pseudoclasse :hover in IE6 e precedenti funziona solo per i link (tag <a>), non per gli altri tag.
Esistono dei JS che simulano la cosa per IE (credo ci sia nella libreria IE7, piuttosto conosciuta qualche anno fa - prima che uscisse IE7 vero)

**andreaciao_22** · 18-04-2007, 08:57

scusate se rispondo solo ora,

Il mio problema non è tanto quello che quando passo il mouse sul link non mi fà il filter alpha=75, ma che appena apro la pagina il filter è al 100% invece del 30% che gli imposto...

grazie

**mic** · 18-04-2007, 21:22

ho guardato su internet e ho visto che con il testo usano anche
display:block;
width:npx;

quindi con il tuo css dovrebbe essere:

codice:

#p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
color:#666666;
text-decoration:none;
filter:Alpha(Opacity=30);
-moz-opacity: 0.3;
display:block;
width:1px;
}
#p:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:17px;
color:#F95147;
text-decoration:none;
filter:Alpha(Opacity=75);
-moz-opacity: 0.75;
display:block;
width:1px;
}

**patrik08** · 19-04-2007, 03:02

Prova a leggere bene e a fondo http://sourceforge.net/projects/ie7/
quelle righe di javascript mettono i css a posto per quasi tutti i browser.... se tutti i webmaster
seguono delle fondamentali regole di css ... questo forum di css ... sarebbe quasi inutile....

In passato diventavo matto a fare un foglio di stile per ogni browser ... con quel coso... è acqua passata...

Basta sviluppare dall'inizio solo per firefox ... che conosce la standard quasi per intero.... dopo il css metti quell java ... e vedrai che IE 5 o 6 si comporta da dio....

Importante usare il meno possibile il css padding ... ma fare dei border o margin al posto di padding....

Su http://www.quirksmode.org/sitemap.html da qualche parte si possono scaricare anche i browser IE 3,4 ecc da testare le pagine .... quello che il browser non fa ci pensa javascript ... eccezzionale.....

Discussione: filter in IE 6.0 non funziona

Strumenti discussione

Ricerca discussione

Visualizza

filter in IE 6.0 non funziona

Permessi di invio