dire que j'ai un div avec les attributs suivants:
.box {
width: 300px;
height: 67px;
margin-bottom: 15px;
}
4 Réponses :
CSS uniquement: strong> pour en faire une zone "cliquable", vous allez vouloir mettre un Solution JQuery forte> p > A> Code> Tag à l'intérieur de la DIV et vous pouvez utiliser JQuery pour définir l'attribut href code>. p> .box{
background: blue;
cursor: pointer;
}
Et si je voulais avoir une frontière lorsque vous survolez la DIV de 5px tout autour sans visser le placement des choses qui l'entourent?
@Shadypotato Si vous ajoutez une bordure, cela va ajouter à la largeur des éléments. Vous allez avoir besoin de rendre compte de cela.
Donc, disons que j'ai le 300PX x 67px DIV, et il y a les mêmes divs ci-dessus et au-dessous de cette div. Comment puis-je le faire afin que si vous survoliez au-dessus de la DIV, cela le soulignait comme vous l'avez suggéré, mais faites-la mettre en surbrillance 5PX plus grande que la taille de div?
@Shadypotato Je changerais simplement les attributs de la largeur et de la hauteur à l'aide de JQuery, il suffit de comprendre que vous allez avoir à ajuster en conséquence afin que le reste des éléments de la page ne se passe pas partout.
Vous pouvez le faire avec CSS uniquement:
;(function($){
$('.box').bind('hover', function(e) {
$(this).css('background', 'blue');
});
})(jQuery);
$('.box').click(customFunction);
LIENING A DIV a fonctionné pour moi simplement en l'enveloppant dans une balise div:hover {
background-color: rgba(255,255,255,0.5);
}