Come gestire l'opacità su IE7?

**Handerson** · 22-07-2008, 11:42

Salve,
vorrei sapere se qualcuno ha da proporre una soluzione per gestire l'opacità su IE7.

Attualmente nel mio css ho inserito il seugnte codice:

codice:

.highlightit img{
filter:progid: DXImageTransform.Microsoft.Alpha(opacity=75);
opacity: 0.75; }

.highlightit:hover img{
filter:progid: DXImageTransform.Microsoft.Alpha(opacity=100);
opacity: 1.0;
}

nell'html invece

codice:

[img]img/immagine.png[/img]

la stessa tecnica può essere utilizzata per ogni tipo di immagine (png, jpg, gif)?

Grazie

**fcaldera** · 22-07-2008, 12:22

Originariamente inviato da Handerson
Salve,
vorrei sapere se qualcuno ha da proporre una soluzione per gestire l'opacità su IE7.
...
la stessa tecnica può essere utilizzata per ogni tipo di immagine (png, jpg, gif)?

da quello che hai postato, sì

**Handerson** · 22-07-2008, 12:50

ok, ma su ie7 questo codice non funziona

per questo chiedevo una soluzione per ie7...

**fcaldera** · 22-07-2008, 15:06

prova a scriverlo nella forma abbreviata

.highlightit img{
filter: alpha(opacity=75);
-moz-opacity = .75;
opacity: .75;
}

.highlightit:hover img{
filter: alpha(opacity=100);
-moz-opacity = 1;
opacity: 1;
}

**Handerson** · 23-07-2008, 14:30

niente, stessa situazione, si le immagini su cui applico l'effetto opacità su ie7 non si vedono bene, su firefox nessun problema.

**Handerson** · 24-07-2008, 17:57

...c'è nessuno?? :master:

**fcaldera** · 24-07-2008, 23:23

se nessuno ti risponde significa che non fornisci abbastanza indizi per aiutarti

se il metodo che ti ho proposto non funziona allora c'è qualcos'altro che non va, quindi posta il codice html e css o meglio ancora, un link alla pagina

**Handerson** · 25-07-2008, 00:25

html e css li ho postati nel primo post, il link non lo posso fornire perchè la pagina non è ancora online ma è in locale.

penso di aver fornito tutto, non si tratta di una classe che ne richiama altre, quindi non saprei cosa altro postare...

**fcaldera** · 25-07-2008, 09:43

allora ti posto la prova che ho fatto io (copia e incolla)
funziona perfettamente ovunque

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>xhtml 1.0</title>
     
        <style type="text/css">
        
        .highlightit img{
            filter: alpha(opacity=75);
            -moz-opacity = .75;
            opacity: .75;
        }

        .highlightit:hover img{
            filter: alpha(opacity=100);
            -moz-opacity = 1;
            opacity: 1;
        }
        
        a img { border: 0;}
        </style>

    </head>

<body>

    

.png</p>
    

    
    

.gif</p>
    

    
    

.jpg</p>
    


</body>
</html>

**Handerson** · 25-07-2008, 17:42

il risultato non cambia...

in questo case se ci vado sopra con il mouse l'opacità effettivamente aumenta ma si vede malissimo, quei contorni neri, brutti, non dovrebbero vedersi...

con ff si vede bene si vede correttamente

Discussione: Come gestire l'opacità su IE7?

Strumenti discussione

Ricerca discussione

Visualizza

Come gestire l'opacità su IE7?

Re: Come gestire l'opacità su IE7?

Permessi di invio