使基础粘性div可点击

时间:2016-11-07 08:49:58

标签: html css clickable

On this page(Wordpress网站),粉红色元素在触摸菜单时变得粘稠。但是由于左侧的徽标,这个元素是不可点击的,这使菜单包装更高,从而使粘性元素不可点击。

我无法在pointer-events:none div上使用menu,因为这会使菜单+徽标无法点击。

此外,z-index没有用,因为粘性元素嵌套在内容包装器中。因此,如果我将内容的z-index设置为高于菜单,则内容将在菜单顶部滚动。

我应该将粘性元素与内容包装器分开,但由于我不是Wordpress线框的专家,我不知道如何。

或者我可以尝试其他任何技巧吗?

1 个答案:

答案 0 :(得分:0)

如果您只是将班级fusion-logo设置为position: absolute,徽标容器将不会遵循元素的正常流程,因此fusion-header高度将与导航菜单相同并且粉红色元素将在其下方,可点击