【问题标题】:slider revolution - text elements overlapping滑块旋转 - 文本元素重叠
【发布时间】:2017-09-28 18:09:27
【问题描述】:

最近在 WordPress 上为一位新客户使用 Slider Revolution,但遇到了一个我无法找到答案的大问题。

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

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

解决方案 我想找到一种将这两个元素“链接”或“挂钩”在一起的方法(一个堆叠在另一个之上,空间很小),这样它们就不会重叠,并且顶部元素会自动向下推第二个文本元素框。这是一个html问题吗? z-index 问题?安置过程问题?

在我提供的图片中,您可以看到 1、2 和 3 行 TITLE 之间的区别,以及它们之间的空间是如何固定的。 我如何让它变得动态?如果之前已经回答过这个问题,我深表歉意,但我已经搜索了几个小时,但找不到答案。可能我搜索的关键字有误。

slider-revolution-examples

【问题讨论】:

  • 为什么不简单地把它们变成一个元素,在这个元素里面你有标题和描述,你不会有任何问题
  • 抱歉,忘记了基础知识... wordPress v4.8.2 Avada 主题 v5.2.2 Revolution Slider v5.4.6 在 Linux (Dreamhost) 中托管
  • 天哪,特马尼。我从没想过会这样。我测试过,它似乎工作。非常感谢

标签: wordpress revolution-slider


【解决方案1】:

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

最好的解决方案是使用基本 HTML 将所有文本元素合并到一个元素中,并根据需要在该元素中设置样式。像这样,我们只有一个与 position:absolute 一起使用的元素,在其中我们有格式良好的 HTML。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-28
    • 2017-04-27
    • 1970-01-01
    • 2019-06-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多