Elementor：元素浮动到内部内容的右侧会影响内容链接 - 如何修复？

问题描述

使用 Elementor Pro：我有一个浮动元素（全局），它是一个带有引用页面链接的图像。可见一切正常。问题是滚动时，浮动元素代码覆盖了内部内容，导致内部内容链接无法访问。我已将内部内容的 Z 索引更改为高于浮动引用元素，但是现在当您向下滚动页面时，浮动引用元素链接被内部内容的较高 Z 索引“隐藏”。有没有办法减少浮动元素的代码“框”的尺寸，这样它就不会影响内部内容或以其他方式让链接在滚动时始终正常工作？

解决方法

在尝试了不同的场景和可用选项后，我能够通过对图像大小使用内联（自动）来更改元素的大小。这减少了元素的“覆盖”区域。然而，绝对定位比我想象的更重要（跨各种桌面屏幕尺寸 - 移动/平板电脑有备用设置，所以只有桌面受到影响）。我决定移除浮动元素并在粘性导航中添加一个项目，因此对报价请求的访问仍然在导航中持续可见。