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

德顺

发布于 2019-11-13 17:11:50

2.2K0

发布于 2019-11-13 17:11:50

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

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

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

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2018-10-10)，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度

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