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

Posted

技术标签:

【中文标题】Elementor:浮动到内部内容右侧的元素会影响内容链接 - 如何修复?【英文标题】:Elementor: Element Floated to Right of Inner Content Affects Content Links - How to Fix? 【发布时间】:2021-05-18 09:53:59 【问题描述】:

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

【问题讨论】:

【参考方案1】:

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

【讨论】:

以上是关于Elementor:浮动到内部内容右侧的元素会影响内容链接 - 如何修复?的主要内容,如果未能解决你的问题,请参考以下文章

浮动造成的影响

BFC是什么?

BFC

浮动元素有什么特征?对父容器其他浮动元素普通元素文字分别有什么影响?清除浮动指什么?如何清除浮动?

浮动问题

CSS 清除浮动