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

2022-10-21,,,,

链接图片背景代码

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>

HTML引用CSS实现自适应背景图的相关教程结束。

《HTML引用CSS实现自适应背景图.doc》

下载本文的Word格式文档,以方便收藏与打印。