CSS&；jQuery-在图像中单击，但不要注册悬停

我在我的页面底部（实际上是窗口）有一个图像，它就像一座正在上升的建筑物

但是，有时它与页面和/或页脚内容重叠。 这不是什么大问题，因为我刚刚添加了

指针事件：无

但我想，当鼠标悬停在图像上时，它会淡出一点，这样你就可以更明显地点击。但是因为
指针事件：无它甚至没有注册悬停动作

有没有什么方法可以让它点击通过，但实际上抓住了悬停触发器

提前谢谢


另外，我只是想知道，有没有办法只在PNG图像的非透明部分检测悬停？
我来试试：

我在
标签上做了悬停事件，但是我想我得到了你想要的效果

关键是jQuery代码：

$("p").mouseenter(function() {
    $( "#theimg" ).fadeTo( "slow" , 0.2, function() {});
});

$("p").mouseleave(function() {
    $( "#theimg" ).fadeTo( "slow" , 1.0, function() {});
});

至于透明悬停问题，从技术上讲，你可以用imagemapping来解决。。但是这张照片需要做很多工作（可能不值得）
 我的做法是：

我在
标签上做了悬停事件，但是我想我得到了你想要的效果

关键是jQuery代码：

$("p").mouseenter(function() {
    $( "#theimg" ).fadeTo( "slow" , 0.2, function() {});
});

$("p").mouseleave(function() {
    $( "#theimg" ).fadeTo( "slow" , 1.0, function() {});
});

至于透明悬停问题，从技术上讲，你可以用imagemapping来解决。。但是这张照片需要做很多工作（可能不值得）
 虽然我仍然希望它位于文本上方（因此我只添加了
z-index:2；
和
指针事件：无；
），但它工作正常！我不知道为什么我没有想到这个简单的解决方案。。。然而，我实际上也希望它在悬停时淡出，因为它背后并不总是有实际的元素，但它适合我的目标。谢谢虽然我仍然希望它位于文本上方（因此我只添加了
z-index:2；
和
指针事件：无；
），但它工作正常！我不知道为什么我没有想到这个简单的解决方案。。。然而，我实际上也希望它在悬停时淡出，因为它背后并不总是有实际的元素，但它适合我的目标。谢谢