On this page(Wordpress网站),粉红色元素在触摸菜单时变得粘稠。但是由于左侧的徽标,这个元素是不可点击的,这使菜单包装更高,从而使粘性元素不可点击。
我无法在pointer-events:none
div上使用menu
,因为这会使菜单+徽标无法点击。
此外,z-index
没有用,因为粘性元素嵌套在内容包装器中。因此,如果我将内容的z-index
设置为高于菜单,则内容将在菜单顶部滚动。
我应该将粘性元素与内容包装器分开,但由于我不是Wordpress线框的专家,我不知道如何。
或者我可以尝试其他任何技巧吗?
答案 0 :(得分:0)
如果您只是将班级fusion-logo
设置为position: absolute
,徽标容器将不会遵循元素的正常流程,因此fusion-header
高度将与导航菜单相同并且粉红色元素将在其下方,可点击