0

我有一个 iframe和一个出现在它上面#viewer的绝对定位元素。#appear_above_viewer我想#appear_above_viewer在鼠标经过时#viewer淡入，在鼠标离开时淡出。

到目前为止，我有这个代码：

$("#viewer").hover(
    function(){ $("#appear_above_viewer").animate({ opacity: 1 }, 'slow'); },
    function(){ $("#appear_above_viewer").animate({ opacity: 0 }, 'slow'); }
);

它似乎有效，直到您将鼠标悬停在 上#appear_above_viewer，它会方便地消失。我认为这是因为绝对定位的元素被认为与 iframe 不同，它在屏幕上的位置没有区别。

我只想#appear_above_viewer在鼠标离开时消失#viewer，以及它上面的任何东西完全消失。这可能吗？

（我已经阅读了有关此的其他问题，但似乎没有一个适合我的情况）

4

2 回答 2

0

仍然不是肯定的，我确切地知道预期的行为，但您可能只需要将pointer-eventscss 中的属性应用到none您的appear_above_viewer.

这是一个jsFiddle演示类似于我认为你想要的东西。

编辑

您可以将此问题用于跨浏览器解决方案：

单击 DIV 到底层元素

于 2013-02-28T06:51:28.510 回答
0

你可以试试这个。

onmouseout =function(e){
   if ( e && e.preventDefault )
        e.preventDefault();
        e.stopPropagation();
    else
        window.event.cancelBubble = true;
        window.event.returnValue = false;
    return false;
  }
于 2013-08-15T11:17:18.443 回答