如何让背景图⽚固定在中间,滚动内容图⽚不动?实例
如何设置固定的背景图像:
body
{
background-image: url(bgimage.gif);
background-attachment: fixed;
}
定义和⽤法
background-attachment 属性设置背景图像是否固定或者随着页⾯的其余部分滚动。
默认值:scroll
继承性:no
版本:CSS1
JavaScript 语法:object.style.backgroundAttachment="fixed"
可能的值
值描述
scroll默认值。背景图像会随着页⾯其余部分的滚动⽽移动。
fixed当页⾯的其余部分滚动时,背景图像不会移动。
inherit规定应该从⽗元素继承 background-attachment 属性的设置。
以上的写法如果在⼿机⾥⾯会出现兼容问题,怎么办??
看下⾯解决⽅法:
body:before{
怎么把图片做成滚动图片
content: ' ';
position: fixed;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(../images/bj-1.jpg) top center no-repeat;
background-size: cover;
}

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。