Javascript 向下滚动时，Jumptron背景图像消失_Javascript_Html_Ruby On Rails_Twitter Bootstrap_Css

Javascript 向下滚动时，Jumptron背景图像消失

javascript html ruby-on-rails twitter-bootstrap css

Javascript 向下滚动时，Jumptron背景图像消失,javascript,html,ruby-on-rails,twitter-bootstrap,css,Javascript,Html,Ruby On Rails,Twitter Bootstrap,Css,我正在使用引导jumptron和背景图像。当我向下滚动时，背景图像消失，jumptron div类只显示标题。如何修复它，使我向下滚动时图像不会消失。其他内容正常工作，以下文件提供了更多详细信息。以下文件位于Rails 5应用程序中 index.html.erb 组织动员我们需要你采取行动 Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。奎斯克·莫里斯·奥古斯（Quisque mauris augue）、莫莱斯蒂·汀西登

我正在使用引导jumptron和背景图像。当我向下滚动时，背景图像消失，jumptron div类只显示标题。如何修复它，使我向下滚动时图像不会消失。其他内容正常工作，以下文件提供了更多详细信息。以下文件位于Rails 5应用程序中

index.html.erb


组织动员
我们需要你采取行动
Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
奎斯克·莫里斯·奥古斯（Quisque mauris augue）、莫莱斯蒂·汀西登（molestie tincidunt）和维塔（vitae）调味品、自由孕妇。埃尼安·西特·菲利斯
多洛，在尼西射手座。这是维尼那提的侵权行为。二是累积元素。
猫科动物中的Aliquam坐着amet augue。


Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
奎斯克·莫里斯·奥古斯（Quisque mauris augue）、莫莱斯蒂·汀西登（molestie tincidunt）和维塔（vitae）调味品、自由孕妇。埃尼安·西特·菲利斯
多洛，在尼西射手座。这是维尼那提的侵权行为。二是累积元素。
猫科动物中的Aliquam坐着amet augue。


Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
奎斯克·莫里斯·奥古斯（Quisque mauris augue）、莫莱斯蒂·汀西登（molestie tincidunt）和维塔（vitae）调味品、自由孕妇。埃尼安·西特·菲利斯
多洛，在尼西射手座。这是维尼那提的侵权行为。二是累积元素。
猫科动物中的Aliquam坐着amet augue。


Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
奎斯克·莫里斯·奥古斯（Quisque mauris augue）、莫莱斯蒂·汀西登（molestie tincidunt）和维塔（vitae）调味品、自由孕妇。埃尼安·西特·菲利斯
多洛，在尼西射手座。这是维尼那提的侵权行为。二是累积元素。
猫科动物中的Aliquam坐着amet augue。

页面内容
Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
奎斯克·莫里斯·奥古斯（Quisque mauris augue）、莫莱斯蒂·汀西登（molestie tincidunt）和维塔（vitae）调味品、自由孕妇。埃尼安·西特·菲利斯
多洛，在尼西射手座。这是维尼那提的侵权行为。二是累积元素。
猫科动物中的Aliquam坐着amet augue。
页面内容
Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
奎斯克·莫里斯·奥古斯（Quisque mauris augue）、莫莱斯蒂·汀西登（molestie tincidunt）和维塔（vitae）调味品、自由孕妇。埃尼安·西特·菲利斯
多洛，在尼西射手座。这是维尼那提的侵权行为。二是累积元素。
猫科动物中的Aliquam坐着amet augue。
页面内容
Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
奎斯克·莫里斯·奥古斯（Quisque mauris augue）、莫莱斯蒂·汀西登（molestie tincidunt）和维塔（vitae）调味品、自由孕妇。埃尼安·西特·菲利斯
多洛，在尼西射手座。这是维尼那提的侵权行为。二是累积元素。
猫科动物中的Aliquam坐着amet augue。

页面内容
Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
奎斯克·莫里斯·奥古斯（Quisque mauris augue）、莫莱斯蒂·汀西登（molestie tincidunt）和维塔（vitae）调味品、自由孕妇。埃尼安·西特·菲利斯
多洛，在尼西射手座。这是维尼那提的侵权行为。二是累积元素。
猫科动物中的Aliquam坐着amet augue。

结束

你不应该把一张图像作为jumbotron的背景，那不是它的用途

相反，将jumbotron背景色设置为透明，然后将背景图像添加到容器外部的div中

例如，在哈姆

#YourDivToApplyBackground
    .container
        .row
            .col-md-12
                .jumbotron
                    %h1 Your Page Title

这就是您的代码应该如何查找引导程序。

将映像添加到哪个div？这不是必需的，如果您发送给我的链接中的代码片段起作用，则问题必须源于“应用程序构建”本身。我不能是html、css或js。我认为这与rails有关。在你发给我的链接中，一切都很顺利。那么现在想想已经改变的事情？？？那些是什么？？您正在使用rails运行此操作，对吗？？