Question

我有一个div内的按钮，但是我需要在这个按钮上面加上div，以便能够使用onMouseOut事件。

我试图更改这两个的z-index，尽管这没有帮助。有任何想法吗？我可以包含代码以便更好地理解，但我认为没有必要。

Answer 1

不可能。孩子总是出现在他们的父母之上。

你需要寻求另一种方法;禁用的元素似乎没有事件。我会重新考虑用户界面来规避这个问题。如果您绝对必须具有此功能，则可以将禁用的按钮替换为可以接受鼠标悬停事件的其他HTML元素。

HTML

<button>Active Button</button>
<div>Disabled Button</div>
<a href="#">Disable button</a>
<span></span>

CSS

button, div {
    width: 200px;
    height: 200px;
    display: block;
    background-color: #336699;
}

div {
    display: none;
}

的Javascript

$("a").click(function() {
   $("button").hide();
   $("div").show();
});

$("button, div").mousemove(function(e) {
    $("span").html(e.pageX+"|"+e.pageY);
});

HTML：需要innerHTML才能成为它的父z-index

1 个答案: