如何让背景图片固定在中间,滚动内容图片不动?
如何让背景图⽚固定在中间,滚动内容图⽚不动?实例
如何设置固定的背景图像:
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小时内删除。