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

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

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

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


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

推荐阅读:

SQL语句的基本命令总结

jQuery text() html() val()设置内容和attr()设置属性的用法

【笔记】微信小程序通过app.json设置底部导航

CSS屏蔽手机端长按选中 防止图片自动放大 禁止复制

使用 swiper 轮播插件遇到的问题及解决方法

赞 (10)
分享到: +

评论 沙发

Avatar

换个身份

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