CSS固定的背景图像

我想添加一个背景图片到我的网站，这是固定的，我已经做到了这一点，并没有问题，但现在我似乎无法得到它的工作，下面是我的代码。目前，当我在网站上上下滚动时，背景也会上下移动。CSS固定的背景图像

body{ 
background-image: url('../img/christmas.jpg'); 
background-repeat: no-repeat; 
background-attachment: fixed; 
font-family: 'Open Sans'; 
height: 100%; 
}

来源

2014-12-05 sam003

请把你的代码中的jsfiddle。 – Karmacoma 2014-12-05 00:53:29

删除jquery.stellar.js – Leo 2014-12-05 02:12:27

通过删除脚本创建在Chrome浏览器视差效果（看到Chrome中的网页链接（之后会在Chrome只））...
开始。 jquery.stellar.js

jsFiddle demo

html, body{height:100%;} 
body{ 
    background: url('../img/christmas.jpg') fixed 50%/cover; 
    font-family: 'Open Sans'; 
}

来源

2014-12-05 00:55:23

此外，我认为一些较旧的移动设备将无法正确加载Google的Open sans，因此请始终使用后备：''Open Sans'，Helvetica，Arial，sans-serif;' – 2014-12-05 00:59:05

谢谢我试过但它仍然滚动？ – sam003 2014-12-05 01:41:56

@ sam003，您可以从演示中清楚地看到它的工作原理。网站内容滚动，但身体的BG是就地。它是固定的。没有滚动的背景。 – 2014-12-05 01:44:26

CSS固定的背景图像

回答

相关问题