Html Bootstrap&;滚动全屏背景图像

Html Bootstrap&;滚动全屏背景图像,html,css,twitter-bootstrap,background-image,Html,Css,Twitter Bootstrap,Background Image,我正在使用Twitter引导,并放置了一些全屏背景图像,这些图像工作得非常好。今晚我在网站上添加了Scroller,现在背景图片都被放大了,我不知道为什么 html 我还在css顶部的html和body标记中添加了高度和宽度 html, body #skrollr-body { width: 100%; height: 100%; } 有什么想法吗?对不起,无法添加评论。你能描述一下它现在的样子吗?乍一看一切似乎都很好。可能尝试将您的位置更改为绝对位置或固定位置我尝试将位置更改为

我正在使用Twitter引导,并放置了一些全屏背景图像,这些图像工作得非常好。今晚我在网站上添加了Scroller,现在背景图片都被放大了,我不知道为什么

html

我还在css顶部的html和body标记中添加了高度和宽度

html,
body 
#skrollr-body {
   width: 100%;
   height: 100%;
}

有什么想法吗?

对不起,无法添加评论。你能描述一下它现在的样子吗?乍一看一切似乎都很好。可能尝试将您的
位置更改为
绝对位置
固定位置

我尝试将位置更改为绝对位置和固定位置,但整个部分消失了?似乎Scroller插件中的某些内容覆盖了高度:100%并且图像以其全尺寸显示…?尝试移除显示并在无重复中心滚动中滚动;最后这个css为我工作了:display:table;位置:相对位置;宽度:100%;身高:100%;背景:url(../img/10Church3/small_img_9479.jpg)无重复中心滚动-webkit背景尺寸:封面-moz背景尺寸:封面;背景尺寸:封面-o-背景尺寸:封面;
.header {
display: table;
position: relative;
width: 100%;
height: 100%;
background: url(../img/test.jpg) no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
html,
body 
#skrollr-body {
   width: 100%;
   height: 100%;
}