好的我有一个背景,有一个清晰的区域,我有内部平衡的内容,我希望它在用户向上滚动时在图像的顶部滑动。我有一个jsfiddle它,原谅我的草率css我一直在努力使这个工作。我还有一个浮动导航栏,它也应该滑动。
@charset "UTF-8";
/* CSS Document */
html,body {
height:100%;
width:100%;
}
body{
background-image:url(images/1920w.png);
background-size:100%;
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;
background-color:#E9C9A0;
z-index:5;
}
#bod{
width:100%;
height:100%;
background-image:url(images/1920w.png);
background-size:100%;
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;
left:0;
z-index:20;
}
#bann{
width:62.5%;
height:100%;
z-index:10;
}
#head{
position:fixed;
margin-top:8.5%;
margin-right:18.75%;
margin-left:18.75%;
width:62.5%;
height:100%;
z-index:32;
}
#content{
padding-top:14%;
width:62.5%%;
height:100%;
margin-left:auto;
margin-right:auto;
z-index:4;
}
答案 0 :(得分:0)
一个简单的解决方法是使您的图片成为position:fixed
<强> HTML 强>
<img src="/path/to/bg.png" id="body-bg" />
<强> CSS 强>
#body-bg {
width: 100%;
position: fixed;
top: 0;
}
<强> Check the fiddle 强>