rollover con css....

[Goto Markosansa]

salve... qualcuno sa consigliarmi tutorial o articoli per creare un rollover tramite css...????
un botton ... al passaggio del mouse... altro botton (immagini ...scontato...)


thanks....

[pictor]

Con Internet Explorer non si può fare. Su tutti gli altri sì.
IE non supporta il selettore :hover (passaggio sopra).

O metti un "behavior" per fixare il bug, o usi javascript per farlo funzionare anche su IE.

E comunque un behavior è sempre javascript..... quindi se devi fare un sito accessibile non puoi usarlo....

[Goto Markosansa]

mi sa che devo scartare la questio ne rollover.....

[pictor]

Se vuoi farlo basta fare un css

.bottone {color: nero, background: giallo, bordo:3px inset verde}

.bottone:hover, .bottonePremuto {color: bianco, background: gialloscuro, bordo: 3px outset verdescuro }

Questo funge dovunque trannè che su IE (e alcuni browser vecchi).

Per farlo andare su IE devi usare javascript:

<elemento onmouseover="this.style.borderStyle='outset';" onmouseout="this.style.borderStyle='outset';" />

In questo modo cambia il bordo solamente. Puoi usare un javascript che cambia tutti gli attributi o semplicemente un javascript che con l'onmouseover applica la classe con le impostazioni del tasto premuto (bottonePremuto), e sull' onmouseout mette la classe .bottone


Comunque in un sito accessibile non si deve usare javascript e si deve mantenere il più possibile statico quello che è presente nella pagina: quindi niente menu a tendina che si aprono, gif animate, filmati flash, rollover e mazzi vari.....

Quindi se devi fare un sito accessibile o senza javascript non se ne fa di nulla

[Goto Markosansa]

grande ...suggerimento.....