Html 需要使用指针事件，但与其他元素冲突

我正在创建以下网站：

www.melkerhei.be/meltkroes/index.html

在桌面版上，一切正常。但在优化手机版本时，我遇到了一个无法解决的问题

认为应该一起工作（在手机上）：

• 左上角的徽标应该可以单击
• 艺术家和其他元素应该是可点击的
• 边缘的对象（图像）应位于前景

所以我尝试了使用和不使用指针事件属性。 （将其添加到仅在移动设备和img本身上使用的css类中） 边缘图像的z指数较高，因为它们需要位于前景

因此，当我从css类中删除指针事件：none时，徽标是不可单击的。

---

添加指针事件时：无；对于移动css类，徽标可以单击，但其他元素不再可以单击。

为什么页眉元素是页面高度的100%？这似乎是一个糟糕的布局选择…@Martin，对于边缘图像，不管怎样，这都不适合这个问题？