Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Effetto su foto e problemi con IE

    Salve!

    Ho una galleria fotografica sul quale voglio creare questo effetto opaco :

    a.photo_pr {
    filter: alpha(opacity=30);
    opacity:0.3;

    }
    a.photo_pr:hover {
    filter: alpha(opacity=100);
    opacity:1.0;

    }

    Il problema è che su IE non mi si visualizza, quale altro metodo potrei sostituire per creare il medesio a IE?

    Grazie anticipatamente.

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Provi con Explorer 8? qui il codice (per Explorer css a parte per poter validare):

    codice:
    <style type="text/css">
    <!--
    a.photo_pr img {
        opacity:0.3;
    }
    a.photo_pr:hover img {
        opacity:1;
    }
    -->
    </style>
    <!--[if lte IE 8]><style type="text/css">
    a.photo_pr img {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
    }
    a.photo_pr:hover img {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
    }
    </style><![endif]-->
    al posto della faccina sorridente : D (due punti e D tutto attaccato)

  3. #3
    Ciao!

    Grazie per l'informazione, funziona divinamente!!
    Una curiosità, per farlo funzionare ho dovuto inserire parte del codice nell'html e non nel file CSS...
    Esiste modo per farlo funzionare anche nel css con IE?

    Thx a lot!

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    ti riferisci al foglio di stile all'interno dei commenti condizionali? sì, metti il codice per explorer in un css esterno, come fai normalmente, e richiama quello attraverso i commenti condizionali:

    codice:
    
    
    indicando il giusto percorso e nome del file (nell'esempio css_ie.css)

  5. #5
    Grazie 1000!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.