HTML设定页面可滚定 背景图片固定

有时项目中会遇到背景图固定,页面内容可以滚动,背景不随页面滚动而滚动。就像QQ空间、微博设置自定义背景图的固定选项。

其实很容易实现,利用 background-attachment:fixed; 就能实现,代码如下:

body{
    background: url("bg.png");
    background-repeat: no-repeat;
    background-attachment:fixed;
}


未经允许不得转载:Web前端开发资源网 » HTML设定页面可滚定 背景图片固定

推荐阅读:

给Sublime增加代码格式化快捷键

在Webstorm中使用Autoprefixer实现CSS自动补全

给网站添加熊掌号粉丝关注按钮

使用float后清除浮动的几种方法

解决margin击穿的几种方法

赞 (10)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)