[css] couleur de fond div, pour changer onhover



Answers

Utiliser Javascript

   <div id="mydiv" style="width:200px;background:white" onmouseover="this.style.background='gray';" onmouseout="this.style.background='white';">
    Jack and Jill went up the hill 
    To fetch a pail of water. 
    Jack fell down and broke his crown, 
    And Jill came tumbling after. 
    </div>
Question

J'essaye de faire changer la couleur d'arrière-plan d' une div sur la souris .

le div {arrière-plan: blanc;}
le div a: hover {arrière-plan: gris; largeur: 100%;
bloc de visualisation; text-decoration: aucun;}

Seul le lien à l'intérieur du div obtient la couleur de fond .

que puis-je faire pour que tout le div reçoive cette couleur de fond?

Je vous remercie

MODIFIER :
comment puis-je faire le div entier pour agir comme un lien - lorsque vous cliquez n'importe où sur ce div, pour vous emmener à une adresse.




Pour que l'ensemble de la div agisse comme un lien, définissez la balise d'ancrage comme suit:

display: block

Et définissez votre hauteur de l'étiquette d'ancrage à 100%. Ensuite, définissez une hauteur fixe à votre balise div. Puis style votre balise d'ancrage comme d'habitude.

Par exemple:

<html>
<head>
    <title>DIV Link</title>

    <style type="text/css">
    .link-container {
        border: 1px solid;
        width: 50%;
        height: 20px;
    }

    .link-container a {
        display: block;
        background: #c8c8c8;
        height: 100%;
        text-align: center;
    }

    .link-container a:hover {
        background: #f8f8f8;
    }

    </style>

</head>
<body>

    <div class="link-container">
        <a href="http://www..com"></a>
    </div>

    <div class="link-container">
        <a href="http://www..com"></a>
    </div>

</body> </html>

Bonne chance!




Ensemble

display: block;

sur un et donner de la hauteur




Vous pouvez simplement mettre l'ancre autour de la div.

<a class="big-link"><div>this is a div</div></a>

et alors

a.big-link {
background-color: 888;
}
a.big-link:hover {
 background-color: f88;
}



Links