• User Newbie

    IE7: al passaggio del mouse su un'immagine, compare una scritta?

    Salve a tutti. Sul mio sito ho creato una gallery di immagini e ho applicato questo effetto:
    tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/ (in particolare il primo effetto)

    Tutto ok su Chrome, FF, Opera, IE9 ma ovviamente problemi con IE7 e IE8. Vorrei quindi sapere come è possibile avere un effetto simile anche su IE7 e 8.

    Ho provato un po' a modificare il codice di quell'effetto, ma il massimo che sono riuscita a fare è ottenere l'opacità al passaggio del mouse. Le scritte invece sono già visibili appena caricata la pagina, io invece vorrei che opacità e scritte siano visibili solo al passaggio del mouse (quindi appena caricata la pagina si vedrebbero solo le immagini).

    Qualcuno può darmi qualche consiglio su come fare? grazie in anticipo


  • User

    ciao hai provato così ?
    <div class="view">
    <img src="image.gif" alt="testo" />
    <div class="mask">
    <h2>Title</h2>
    <p>Your Text</p>
    <a href="#" class="info">Read More</a>
    </div>
    </div>

    fammi sapere 😉
    Massimiliano


  • User

    Ciao prova a fare un css dedicato a quelle versioni e nell'index inserisci un IF per dire al browser che in caso si stia utilizzando quella versione deve leggere quel foglio di stile. Io di solito risolvo cosi.