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

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

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

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


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

推荐阅读:

WebStorm 自定义字体、语法高亮及导入导出用户设置

HTML5新增的几个a标签属性 移动端

html中引入调用另一个公用html模板文件的方法

解决margin击穿的几种方法

JQuery几个mouse事件的区别和用法

赞 (10)
分享到: +

评论 沙发

Avatar

换个身份

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