Audio con CSS

[davidino81]

Ciao a tutti. Complimenti per il sito e soprattutto per le guide.

Sto sviluppando un sito tramite html e css, vorrei fare un menu dove passando con il mouse sul link parte un piccolo file audio.
Dato che ho fatto tutta la parte grafica dei pulsanti tramite CSS volevo implementare la musica ancora con CSS senza usare javascript.
Qualcuno può aiutarmi, questo è il CSS del pulsante:



div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} /*nota display: inline*/
div#navigation a{color:#369;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #fff;text-decoration: underline;background:#CC66FF}
div#navigation a#activelink{color: #033;text-decoration: none}


Grazie mille in anticipo

[miki003]

Originariamente inviato da davidino81
Ciao a tutti. Complimenti per il sito e soprattutto per le guide.

Sto sviluppando un sito tramite html e css, vorrei fare un menu dove passando con il mouse sul link parte un piccolo file audio.
Dato che ho fatto tutta la parte grafica dei pulsanti tramite CSS volevo implementare la musica ancora con CSS senza usare javascript.
Qualcuno può aiutarmi, questo è il CSS del pulsante:



div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} /*nota display: inline*/
div#navigation a{color:#369;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #fff;text-decoration: underline;background:#CC66FF}
div#navigation a#activelink{color: #033;text-decoration: none}


Grazie mille in anticipo

I css con la musica centrano come i cavoli a merenda

[davidino81]

In poche parole non si può fare ?.

[miki003]

Originariamente inviato da davidino81
In poche parole non si può fare ?

con solo css no! Ci vuole uno script JS + html

[davidino81]

Quindi dovrei fare una funzione in JS che riproduce la musica e poi applicare questa funzione ogni volta che si passa davanti al menu?.
Così però dovrò inserire una riga con il JS per ogni link del menu che faccio, non c'è una soluzione più elegante?.
Grazie mille.
P.S. di JS conosco poco niente per quello speravo di fare in CSS