Question

我试图将一个较低div的背景图像网址添加到更高的div中。问题是，有许多低级div具有背景图像，并且它们都具有相同的类名。整体我试图用drupal 7构建一个视差主题。目标是流式传输我的所有新闻，将背景图像放在100vh上，将内容放在白色框中间并让它们进行视差滚动。我正在处理意见。我有一个视图，显示所有带字段的新闻：标题，图像，正文。图像字段是背景图像字段，因此其正常显示的div将原始图像URL作为background-image-url。

我无法将.bg-holder的url放入.section.jumbotron。或者还有其他解决方案吗？

<div class="section jumbotron">
    <div class="views-field views-field-title">
        <h1 class="field-content"><a href="/drupal/node/4">HEADLINE</a></h1>
    </div>
    <div class="views-field views-field-field-image">
        <div class="field-content">
            <div class="bg-holder" style="background-image: url(http://localhost/drupal/sites/default/files/styles/large/public/field/image/wallhaven-157066.jpg?itok=2BHBQSVa); background-attachment: scroll; background-size: 1903px;"></div>
        </div>
    </div>
    <div class="views-field views-field-body">
        <p class="field-content">LOREM</p>
    </div>
</div>

我的身体的Jfiddle： http://jsfiddle.net/anLL1uop/2/

Answer 1

我不确定我是否100％理解您的问题，但是为了将jumborton＆＃39;的背景更改为特定bg持有者的背景，我会给每个人一个唯一的ID，因此它们都可以具有相同的样式（因为它们是同一个类），但ID允许您告诉jQuery您想要的背景图像。我还会为css文件中的每一个设置背景图像，而不是执行

<div style="background-image: url(...);"

这是一个jsfiddle，向您展示我的意思。它有jQuery需要使用它的id将jumbotron的背景更改为clicked div的背景。 https://jsfiddle.net/mahmudzero/anLL1uop/23/

从较低的div获取背景图像网址，将它们添加到更高的div

1 个答案: