jquery如何使鼠标悬停在diffrent元素上

如果这个特殊的DIV总是浮在同一个图像上,那么当鼠标悬停在上面的DIV上时,你可以在下面的图像上添加一个“悬停”类,然后你仍然可以在你的CSS文件中为这个图像设置悬停类的样式。

HTML

<div id="divID"></div>
<img id="imageID" src="" />

JQuery

$("#divID").hover(function() {$("#imageID").addClass("divHover");}, 
                  function() {$("#imageID").removeClass("divHover");});

CSS

#imageID { border-color: #000; }
#imageID:hover, #imageID.divHover { border-color: #FFF; }

Z索引可能有帮助。通常标签是按其命名时间排序的。使用CSS中的z-index,可以将DIV更改为比图像更低的z-index。我不确定它是否能在所有浏览器中工作,尽管W3C说它是,YMMV。 W3C z-index