除了在我的CSS中使用HOVER之外的其他选项

Question

这是我的CSS内部的课程.............

我正在使用ASP.NET 2.0和jQuery ..........

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

只有当我对我的项目进行操作时，它才会显示Next_Image.jpg。我可以在HOVER旁边使用我的其他选择。我希望图像不仅仅存在于HOVER上。

提前致谢！

Answer 1

如果你删除：悬停，它将始终适用于该元素......

Answer 2

伪类：悬停使此样式仅适用于悬停元素。删除“：悬停”。

Answer 3

我不知道您是否要切换图像。

如果要在鼠标悬停后切换图像，则需要使用javascript来保留图像：

<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)";
}

如果您不需要切换图像，只需删除css类的“：hover”即可。