Html 低z索引元素的Onclick用法
这是我的问题——我需要以某种方式访问被另一个更高z索引元素覆盖的项的onclick。我知道这违背了z指数的观点，但有什么想法吗 在下面的示例中，只有红色框顶部的小条可单击。我有一个网页设计，需要点击的标签被一个艺术条覆盖。。。我希望有一种方法（也许是一些javascript技巧？）可以在不改变任何位置的情况下使用onclick来处理这些模糊的、较低的z索引元素，尽管我的直觉并不好Html 低z索引元素的Onclick用法,html,css,onclick,z-index,Html,Css,Onclick,Z Index,这是我的问题——我需要以某种方式访问被另一个更高z索引元素覆盖的项的onclick。我知道这违背了z指数的观点，但有什么想法吗 在下面的示例中，只有红色框顶部的小条可单击。我有一个网页设计，需要点击的标签被一个艺术条覆盖。。。我希望有一种方法（也许是一些javascript技巧？）可以在不改变任何位置的情况下使用onclick来处理这些模糊的、较低的z索引元素，尽管我的直觉并不好 <html> <head> <style type="text/css">
<html>
<head>
<style type="text/css">
#bg {
position:absolute;
width:500px;
height:500px;
background:pink;
}
#under {
cursor:pointer;
margin-top:-10px;
background:red;
width:50px;
height:50px;
z-index:0;
}
#over {
position:absolute;
width:900px;
height:50px;
margin-top:10px;
z-index:100;
}
</style>
</head>
<body>
<div id="bg">
<div id="under" onclick="alert('hi');">aaa</div>
</div>
<div id="over"></div>
</body>
#背景{
位置：绝对位置；
宽度：500px；
高度：500px；
背景：粉红色；
}
#在{
光标：指针；
利润上限：-10px；
背景：红色；
宽度：50px；
高度：50px；
z指数：0；
}
#结束{
位置：绝对位置；
宽度：900px；
高度：50px；
边缘顶部：10px；
z指数：100；
}
aaa
我会在artsy条上方的DIV内放置一个透明的PNG，尺寸与可点击的最低z索引DIV相同 注意Internet Explorer问题
我多次使用这种技术。我会在artsy条上方的DIV中使用一个透明的PNG，其尺寸与可点击的最低z索引DIV相同 注意Internet Explorer问题
我多次使用这种技术。通常的替换方法是将“over”元素（绝对定位）放在“under”元素（相对定位或绝对定位）内，并使内容大小相同（）。通常的替换方法是将“over”元素（绝对定位）放在“under”内元素（相对定位或绝对定位）并使内容大小相同（）。哦，是的，它可以。网页上可见的所有内容都是body元素的后代，您当然可以将页面上的元素设置为高于body的z索引。在过去十年左右的时间里，我个人建立了几十个网站，完全使用了这种方法，因为它是在引入时已知的唯一一种图像关闭/css打开可访问的图像替换方法。我很困惑，似乎一个元素的z索引不能低于其父元素。哦，是的，它可以。网页上可见的所有内容都是body元素的后代，您当然可以将页面上的元素设置为高于body的z索引。在过去十年左右的时间里，我个人建立了几十个网站，使用的正是这种方法，因为它是在引入时已知的唯一一种图像关闭/css打开可访问的图像替换方法。我感到困惑，似乎一个元素的z索引不能低于其父元素。