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

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

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

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


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

推荐阅读:

Bootstrap里的文件分别代表什么意思及其引用方法

DouPHP去除Powered by DouPHP版权的方法

Animate.css动画库的安装与使用

Vue.js学习笔记——事件监听

QQ聊天插件,鼠标划入划出显示隐藏效果。

赞 (10)
分享到: +

评论 沙发

Avatar

换个身份

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