gpt4 book ai didi

html - CSS 定位中断鼠标事件

转载 作者:太空宇宙 更新时间:2023-11-03 21:51:33 25 4
gpt4 key购买 nike

I made a barebones example of this here.

这是什么原因造成的?通过将 z-index 应用于 div(在示例中,.spread),鼠标事件就完全消失了。在我正在开发的插件中,我需要使用 z-index 进行定位,我不想让使用我的插件的用户将来尝试自己解决这个问题。 p>

基本上,通过简单地应用

position:relative;
z-index:*anything less than 0)

所有鼠标事件都将被清空。即使我尝试仅向 a 添加一个正的 z-index,它仍然不起作用。

我该如何解决这个问题,以便我可以在 div 上放置负 z-index,同时仍然允许它们的内容可点击/可悬停/可进行任何操作?

编辑:好吧,我很笨。我不知道 body 有它自己的 z-index,我只是想它会在所有东西下面(因为你为什么想要整个页面下面的任何东西,只是显示:没有它)谢谢大家!

最佳答案

我相信否定 z-index将元素定位在文档的 <body> 后面.

试试这个:

.spread { z-index: 1; }    
header { z-index: 2; }

http://jsfiddle.net/uW9jk/3/

关于html - CSS 定位中断鼠标事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17096861/

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