gpt4 book ai didi

html - 低 z-index 元素的 onclick 用法

转载 作者:行者123 更新时间:2023-11-28 19:05:12 25 4
gpt4 key购买 nike

这是我的问题——我需要以某种方式访问​​被更高 z-index 的另一个元素覆盖的元素的点击。我知道这违背了 z-index 的观点,但有什么想法吗?

在下面的示例中,只有红色框的顶部小条是可点击的。我有一个网页设计,其中需要可点击的选项卡被一个艺术栏覆盖......如果有一种方法(也许是一些 javascript 技巧?)我会很高兴对这些模糊的,较低的 z-index 元素使用 onclick 而没有改变任何定位,虽然我的直觉不好。

<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>

最佳答案

我会在艺术栏上方的 DIV 内使用透明 PNG 来实现,其尺寸与可点击的最低 z-index DIV 相同。

注意 Internet Explorer 问题。

我多次使用该技术。

关于html - 低 z-index 元素的 onclick 用法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3783578/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com