98 votes

Ionuț G. Stan avatar

couleur d'arrière-plan de la div, pour changer la couleur au survol

Demandé el 24 de Mars, 2009
Quand la question a-t-elle été
200213 affichage
Nombre de visites la question a
5 Réponses
Nombre de réponses aux questions
Résolu
Situation réelle de la question

J'essaie de faire un la couleur d'arrière-plan de la division change au passage de la souris .

the div {background:white;}
le div a:hover{background:grey ; width:100% ;
display:block ; text-decoration:none;}

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

que pourrais-je faire pour que le la div entière a cette couleur de fond ?

Merci.

EDIT :
comment puis-je faire en sorte que la division entière agisse comme un lien - lorsque vous cliquez n'importe où sur cette division, vous êtes dirigé vers une adresse.

Demandé el 24 de Mars, 2009 par Ionuț G. Stan

0 votes

Avatar de keyur at codebins.com

Essayez ce lien codebins.com/codes/home/4ldqpc0

Commenté el 3 de Juillet, 2012 par keyur at codebins.com

Réponses

Trop de publicités?

5voto

jamolkhon avatar
jamolkhon Points 1442

Définir

display: block;

sur a et donner un peu de hauteur

Répondu el 24 de Mars, 2009 par jamolkhon (1442 Points )

3voto

Bomberman avatar
Bomberman Points 1

Essayez simplement la propriété "hover" de CSS. par exemple :

<html>
<head>
    <style>
        div
        {
            height:100px;
            width:100px;
            border:2px solid red;
        }
        div:hover
        {
            background-color:yellow;
        }
    </style>
</head>
<body>
            <a href="#">
                      <div id="ab">
                                <p> hello there </p>
                      </div>
            </a>
</body>

J'espère que cela vous aidera

Répondu el 31 de Octobre, 2013 par Bomberman (1 Points )

1voto

Nicki avatar
Nicki Points 921

Vous pouvez simplement placer l'ancre autour du div.

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

et ensuite

a.big-link {
background-color: 888;
}
a.big-link:hover {
 background-color: f88;
}
Répondu el 28 de Janvier, 2011 par Nicki (921 Points )

1voto

trickymind avatar
trickymind Points 257

Vous pourriez simplement contenir le div dans une balise d'ancrage comme ceci :

a{
  text-decoration:none;
  color:#ffffff;
}
a div{
  width:100px;
  height:100px;
  background:#ff4500;
}
a div:hover{
  background:#0078d7;
}

<body>
<a href="http://example.com">
<div>
Hover me
</div>
</a>
</body>
Répondu el 6 de Janvier, 2020 par trickymind (257 Points )

0voto

charlesb avatar
charlesb Points 1

Essayez ce code. Il fera en sorte que l'ensemble <div> comme un lien.

.picColor{
    width:320px;
    height:240px;
    background: url(img/flower.png) no-repeat;
    border:5px solid #000000;
}
.picColor:hover
{
    opacity:0.9;
    background:#FFFFFF;
    width:320px;
    height:240px;
}

Référence au code complet : Changement de couleur des divs au survol

Répondu el 24 de Mai, 2014 par charlesb (1 Points )

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

Yandex
X