css设置背景不移动

css设置背景不移动

只需要在需要背景不跟着动的div里:

div{
    background:url();
    background-attachment:fixed;
}

加上background-attachment:fixed;就可以了,兼容IE6+

(相关课程推荐:css视频教程

效果:

1.gif

如果不加这个属性:

2.gif

网上兼容IE6的方法:

<script type="text/javascript">
    var scrollBackground = true;
</script>

加一句js就行了

background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。

描述
scroll默认值。背景图像会随着页面其余部分的滚动而移动。
fixed当页面的其余部分滚动时,背景图像不会移动。
inherit规定应该从父元素继承 background-attachment 属性的设置。

本文来自css答疑栏目,欢迎学习!

以上就是css设置背景不移动的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏