Question

我有一个div，div中有一个图像，我正在调用jquery悬停为div。我已将div的尺寸设置为40 * 30。我的问题是，当我在div的臀部时，悬停生效!!!

这是代码：

<div style=" width: 40px; height: 30px; background-image:url('someImage');cursor:pointer;" class="Div">
 <img src="someimage" style="width: 40px; height: 30px; opacity: 0;" class="Image" />
 </div>

这是Jquery

$(document).ready(function() {

$('.Div').hover(
function() { $("img.Image", this).animate({ "opacity": "1" }); }
   ,
function() { $("img.Image", this).animate({ "opacity": "0" }); }
);
 });

Answer 1

我已经在http://jsbin.com/uvaje3汇总了一个我想你试图做的事情的例子。我没有使用单独的img标签，因为它令人困惑的事情......道歉，如果有一个单独的img标签的原因，在这种情况下，我将不会回答你的问题;）

Answer 2

谢谢你的回复，我想我解决了我的问题。问题是，不知怎的，我有另一个没有任何内容的div，并且重叠我的形象!!!!。

悬停不会出现在确切的位置

2 个答案: