Html 使底层粘性div可单击

Html 使底层粘性div可单击,html,css,clickable,Html,Css,Clickable,(Wordpress网站),当粉红色元素接触菜单时,它会变粘。但由于左侧的徽标,该元素不可链接,这使得菜单包装更高,从而使粘性元素不可链接 我不能在菜单div上使用指针事件:无,因为这会使菜单+徽标不可读取 而且,z-index没有任何用处,因为粘性元素嵌套在内容包装中。因此,如果我让内容的z-index高于菜单,内容将在菜单顶部滚动 我可能应该将粘滞元素从内容包装器中分离出来,但由于我对Wordpress线框不在行,我不知道如何分离 或者我还可以试试别的把戏吗 如果您只是将classfusio

(Wordpress网站),当粉红色元素接触菜单时,它会变粘。但由于左侧的徽标,该元素不可链接,这使得菜单包装更高,从而使粘性元素不可链接

我不能在
菜单
div上使用
指针事件:无
,因为这会使菜单+徽标不可读取

而且,
z-index
没有任何用处,因为粘性元素嵌套在内容包装中。因此,如果我让内容的
z-index
高于菜单,内容将在菜单顶部滚动

我可能应该将粘滞元素从内容包装器中分离出来,但由于我对Wordpress线框不在行,我不知道如何分离


或者我还可以试试别的把戏吗

如果您只是将class
fusion logo
设置为
position:absolute
则logo容器将不会遵循元素的正常流程,因此
fusion header
高度将与导航菜单相同,粉色元素将位于其正下方,可单击Brilliant,成功了!我一直认为使用“position:absolute”(位置:绝对)会把位置搞砸,而且不起反应作用,所以我甚至没有尝试过。谢谢!实际上,
position:absolute
如果使用正确,并且您知道为什么要使用它,可以创建很酷的解决方案!我很高兴我的回答对你有帮助