Faire du onmouseover en css
kind-david
Messages postés
96
Statut
Membre
-
bg62 Messages postés 26230 Statut Modérateur -
bg62 Messages postés 26230 Statut Modérateur -
Bonjour,
J'ai des boutons qui s'affichent en arrière plan avec du css sur mon site
Je voudrais leur mettre un effet de onemouseover !Du style quand on passe la souris dessus ça affiche une autre image !
Et je voudrais faire ça en css svp .
plz
J'ai des boutons qui s'affichent en arrière plan avec du css sur mon site
Je voudrais leur mettre un effet de onemouseover !Du style quand on passe la souris dessus ça affiche une autre image !
Et je voudrais faire ça en css svp .
plz
A voir également:
- Faire du onmouseover en css
- Css download - Télécharger - HTML
- Enlever soulignement lien css ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
4 réponses
bah le plus simpe est de mettre ton image en arriere plan dans le css...
Sauf que ca marche pas sur IE ...
==>dans ton fichier css si tu donne un id a ta balise sur le fichier html ca donne
#idDeMonTd{
background:url(../images/fond.jpg) no-repeat;
// ou alors background:#ffffff;
}
#idDeMonTd:hover{
background:url(../images/fondHover.jpg) no-repeat;
}
valable sous tous les navigateurs sauf IE ...d'ailleurs je cherche encore un equivalent css et je trouve pas.
sinon sur ton fichier html sur la balise , par ex :
<div background="./etc..." onmouseover="this.style.background=url('./etc...');"
onmouseout="this.style.background='url('./etc...');"
>bla bla bla </div>
Sauf que ca marche pas sur IE ...
==>dans ton fichier css si tu donne un id a ta balise sur le fichier html ca donne
#idDeMonTd{
background:url(../images/fond.jpg) no-repeat;
// ou alors background:#ffffff;
}
#idDeMonTd:hover{
background:url(../images/fondHover.jpg) no-repeat;
}
valable sous tous les navigateurs sauf IE ...d'ailleurs je cherche encore un equivalent css et je trouve pas.
sinon sur ton fichier html sur la balise , par ex :
<div background="./etc..." onmouseover="this.style.background=url('./etc...');"
onmouseout="this.style.background='url('./etc...');"
>bla bla bla </div>
