Ciao,
ho fatto una pagina web con css dove ho un immagine, al passaggio del mouse compare uno sfondo con scritte, questo è realizzato con i css, creando delle classi

div.griglia2 :hover div.testo {
opacity: 0.9;
left: 0;
top: 0;
}
ora vorrei rendere visibile il testo anche su mobile.

ho trovato su HTML:
Simulare la pseudoclasse :hover su dispositivi touch.
Nello sviluppo per dispositivi touch screen non sono disponibili alcuni dei tradizionali eventi del mouse, ad esempio non è possibile personalizzare gli stati di un link scatenati dal rollover dell’utente su di esso. Con qualche riga di codice Javascript si può simulare la pseudoclasse :hover, utilizzando una classe apposita nel foglio di stile CSS e gli eventi onTouchStart e onTouchEnd, rispettivamente molto simili ai corrrispondenti onMouseOver e onMouseOut delle interfacce tradizionali.

/* Javascript */
$('a').bind('touchstart', function(event){
$(this).addClass('hover');
}).bind('touchend', function(event){
$(this).removeClass('hover');
});
/* CSS */
nav li a:hover,
nav li a:focus,
nav li a:active,
nav li a.hover {
/* stili personalizzati */
}

ma non ho chiaro cosa qui dice di creare una classe che funzioni da hover come devo fare? grazie Paola