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

[bia4]

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

[max.98]

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

[ggdesigner86]

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.