滑块旋转 - 文本元素重叠

时间:2017-09-28 18:09:28

标签: wordpress revolution-slider

最近在WordPress上使用Slider Revolution为一个新客户而且有一个我无法找到答案的大问题。

状况 - 我有2个文本元素,一个Title文本元素和一个Description文本元素(一个在另一个之上 - 垂直堆叠) - 它们已手动放置在滑块区域内对齐。 - 我有固定宽度的它们,所以它们只覆盖滑块面板的左侧 - 我将它们设置为自动换行,这样单词就不会被切断,如果需要,测试会掉到另一行。

问题 使用此配置,如果Title文本元素太长(单词太多),它将垂直动态展开(下拉行)并覆盖或重叠其下方的描述文本元素框。

我想找到一种方法来链接"或者"勾"这两个元素组合在一起(一个堆叠在另一个上面,空间很小),因此它们不重叠,顶部元素将自动向下推动第二个文本元素框。这是一个HTML问题吗?一个z指数问题?安置流程问题?

在我提供的图像中,您可以看到1,2和2之间的区别。 3行TITLE,以及它们之间的空间是如何固定的。 我如何让它变得动态?如果之前已经回答过,我很抱歉,但我已经搜索了几个小时但找不到答案。也许我正在搜索错误的关键字。

slider-revolution-examples

1 个答案:

答案 0 :(得分:0)

当我们使用不同的文本元素时,这是Revolution Slider的常见情况,因为它们将是不同的图层并与position:absolute一起使用。

对此最好的解决方案是使用基本HTML将所有文本元素合并到一个元素中,并根据需要在此元素内设置样式。像这样我们只有一个元素与position一起使用:绝对,在它里面我们有很好的HTML。