HTML引用CSS实现自适应背景图

链接图片背景代码

body {background: url('链接') no-repeat center 0;}

颜色代码

body{background:#FFF}

链接图片背景代码2

<body background="链接">

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(背景链接);
                background-repeat: no-repeat;
                background-size: cover;
                -webkit-background-size: cover;
                -o-background-size: cover;
                background-position: center 0;
            }

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

<div class="all_bg"></div>
posted @   小kBlog  阅读(464)  评论(0)  编辑  收藏  举报
相关博文：
· css自适应各种格式背景图
· HTML超链接自定义颜色
· HTML/CSS 使背景图片自适应撑满页面
· 关于HTML页面自适应的CSS样式用法
· html背景图片如何自适应窗口大小
阅读排行：
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示