Autres options en plus d'utiliser HOVER dans mon CSS

Question

Ceci est ma classe dans mon CSS .............

J'utilise ASP.NET 2.0 et jQuery ...... ....

#ImageBoxNextImage:hover 
{ 
background-image: url(http://www.eRate.co.za/jquery/imagebox/next_image.jpg); 
background-repeat: no-repeat; 
background-position: right bottom; 
} 

Seulement quand je HOVER au-dessus de mon article, il affichera le Next_Image.jpg. Quelles sont mes autres options que je peux utiliser à côté de HOVER. Je veux que l'image soit toujours là non seulement sur HOVER.

Merci d'avance!

Answer 1

Si vous retirez: hover, il appliquera à l'élément à tout moment ...

Answer 2

pseudo-classe: hover rend ce style applicable uniquement pour l'élément plané. Supprimer ": hover".

Answer 3

Je ne sais pas si vous voulez changer d'image ou non.

Si vous voulez changer l'image après passage de la souris, vous devez utiliser javascript pour conserver l'image:

<div id="ImageBoxNextImage" onmouseover="changeBackground(this)">content</div> 

function changeBackground(e){ 
    e.style.background = "url(http://www.eRate.co.za/jquery/imagebox/next_image.jpg)"; 
} 

Si vous n'avez pas besoin de changer l'image, vous pouvez simplement supprimer le « : hover "de votre classe CSS.