悬停没有出现在确切的位置答案

【问题标题】：Hovering does not appear in the exact place悬停没有出现在确切的位置
【发布时间】：2011-03-04 02:41:31
【问题描述】：

我有一个 div 和一个 div 内的图像，我为 div 调用 jquery hover。我已将 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" }); }
);
 });

【问题讨论】：

您好，“当我在 div 按钮时”是什么意思？我在您的代码中看不到任何 HTML 按钮标记？
看起来您需要 position:relative/position:absolute; 分别用于 div 和 image。

标签： jquery css image html hover

【解决方案1】：

我在http://jsbin.com/uvaje3 整理了一个我猜你正在尝试做的例子。我没有使用单独的 img 标签，因为它使事情变得混乱......如果有单独的 img 标签的原因，我很抱歉，在这种情况下我不会回答你的问题;）

【讨论】：

【解决方案2】：

感谢您的回复，我想我解决了我的问题。问题是不知何故我有另一个 div 没有任何内容并且与我的图像重叠!!!!.

【讨论】：