给网页添加自适应背景图

•笔记•1889 阅•13 评

有时候需要给网页加背景图，于是在网上找了一段CSS代码，上一篇利用JS转跳网址里面就加入了这段CSS

上一篇一开始的背景图代码是这个

<body background="https://49.235.99.86/2021/11/24/ea10908f9dba0.jpg">

但是直接引用JPG文件背景图不能自适应，晚上自习在想能不能用CSS来实现自适应，就找到了这个CSS代码，记录一下以防备用。

.all_bg{
                position:fixed;
                top: 0;
                left: 0;
                width:100%;
                height:100%;
                min-width: 780px;
                z-index:-10;
                zoom: 1;
                background-color: #fff;
                background: url(https://www.baige.icu/2021/11/24/ea10908f9dba0.jpg);
                background-repeat: no-repeat;
                background-size: cover;
                -webkit-background-size: cover;
                -o-background-size: cover;
                background-position: center 0;
            }

然后在<body>之间引用已下内容：

此处内容需要评论回复后（审核通过）方可阅读。

CSS
最后更新 2023-11-07
评论 ( 13 )
OωO
隐私评论
  1. LingChen

    学习了

    2年前•回复
  2. burningash

    向大佬学习

    2年前•回复
  4. 乔木冠华

    感谢分享

    2年前•回复
  5. dhj12345678

    我想看看

    2年前•回复
  6. ，♠

    看看

    2年前•回复
  7. 看看

    看看

    3年前•回复
  8. kingkare

    感谢分享

    3年前•回复
  9. kingkare

    感谢分享

    3年前•回复
  10. 老吴

    感谢分享

    3年前•回复
  11. 憨批绎泽

    牛蛙牛蛙

    3年前•回复
  12. 七栀

    过来学习学习|´・ω・)ノ

    3年前•回复
  13. 我见彩云

    感谢分享

    3年前•回复