J'essaie de changer la couleur de fond d'un <div>
mais cela ne fonctionne pas pour moi. Je ne sais pas quel est le problème.
J'utilise la classe col-md-2
de bootstrap mais quelque chose ne va pas.CHANGE DIV COULEUR AVEC HOUSSE DE FONCTION JQUERY
Voici un échantillon de mon code:
$(document).ready(function() {
$(".text-center").hover(function() {
$(this).addClass("BlueClass");
}, function() {
$(this).removeClass("BlueClass");
});
});
#interiormenu3 {
width: 150px;
height: 43px;
background-color: #428cba;
position: relative;
top: 65px;
border-radius: 25px;
border-color: #737373;
border-style: solid;
border-width: 3px;
}
.opcion3 {
line-height: 35px;
color: white;
font-family: "Oswald";
font-weight: bold;
}
.BlueClass {
line-height: -35px;
color: white;
font-family: "Oswald";
font-weight: bold;
width: 150px;
height: 43px;
background-color: #FFFFFF;
position: relative;
top: 35px;
border-radius: 25px;
border-color: #2A5EC7;
border-style: solid;
border-width: 3px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-2" id="interiormenu3">
<div class="text-center">
<a href="#" class="opcion3">Portafolio</a>
</div>
</div>
où est le style de 'BlueClass'? pouvez-vous reproduire le problème dans Stacksnippet? –
pourquoi basculer cette classe dans jquery du tout, pourquoi ne pas simplement css? '.text-center: hover {}' – Steve
Je me demande si l'option3 reprend l'intégralité de la div et il ne voit que l'arrière-plan de l'option3 et non l'arrière-plan du conteneur – Taplar