+ Rispondi alla Discussione
Risultati da 1 a 3 di 3

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

Ultimo Messaggio di ggdesigner86 il:
  1. #1
    User Newbie L'avatar di bia4
    Data Registrazione
    Apr 2012
    Località
    italia
    Messaggi
    8

    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

  2. #2
    User
    Data Registrazione
    Sep 2012
    Località
    casa mia
    Messaggi
    62
    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

  3. #3
    User L'avatar di ggdesigner86
    Data Registrazione
    Mar 2011
    Località
    Ariano Irpino
    Messaggi
    82
    Segui ggdesigner86 su Twitter Aggiungi ggdesigner86 su Google+ Aggiungi ggdesigner86 su Facebook
    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.

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.