首页 > 解决方案 > CSS - Visual Composer 覆盖样式未应用我在 Chrome 控制台中看到的内容

问题描述

我有一个问题,我不知道发生了什么。我正在使用一个使用 Visual Composer 的 WordPress 主题,并且我想在其上方的另一行 div 前面显示一行中的图像。我已经到了在图像上添加了相对定位和高 z-index 并在上面的行 div 上添加了低 z-index 的地步。

我没有尝试过(例如更改不同的 z-index 值和位置)使该图像位于其上方行 div 的前面。

我接下来要做的是查看 Visual Composer 使用的 CSS 规则,看看它们中是否有任何影响它。我唯一发现的是一个溢出:隐藏;规则(在图像上方的行 div 上)当我在 Chrome 开发工具中取消选中它时,它将起作用并且图像将显示在该行 div 的前面。

但是,我已经在行 div 上应用了我自己的溢出 CSS 规则来覆盖这个 Visual Composer 规则,但是当我加载网页时它没有任何区别,即使它在开发工具上被划掉并且我的样式看起来正在覆盖它.

我附上了两张图片来说明这一点:

在此处输入图像描述

在此处输入图像描述

非常感谢您对为什么会发生这种情况的任何帮助,或者对于如何解决此图像以显示在上述行 div 前面的任何建议,非常感谢,谢谢。

标签: csswordpressz-indexvisual-composer

解决方案


推荐阅读