Other options besides using HOVER inside my CSS.

Question

This is my Class inside my CSS.............

I am using ASP.NET 2.0 and jQuery..........

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

Only when i HOVER over my item it will display the Next_Image.jpg. What are my other option i can use beside HOVER. I want the image to always be there not only on HOVER.

Thanks in advanced!

Answer 1

If you remove :hover, it will apply to the element at all times...

Answer 2

pseudoclass :hover makes this style applicable only for hovered element. Remove ":hover".

Answer 3

I don't know whether you want to switch the image or not.

If you want to switch the image after mouseover, you need to use javascript to retain the 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)";
}

If you don't need to switch the image, you can just delete the ":hover" of your css class.