<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>多重背景</title>
<style type="text/css">
.demo{
width: 300px;
height: 140px;
border: 1px solid #999;
background-image: url(http://img.mukewang.com/54cf2365000140e600740095.jpg),
url(http://img.mukewang.com/54cf238a0001728d00740095.jpg),
url(http://img.mukewang.com/54cf23b60001fd9700740096.jpg);
background-position: left top, 100px 0, 200px 0;
background-repeat: no-repeat, no-repeat, no-repeat;
margin:0 0 20px 0;
}
.task {
width: 300px;
height: 140px;
border: 1px solid #999;
background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top/200px 70px ;
url(http://static.mukewang.com/static/img/logo_index.png) no-repeat , right bottom/150px 70px;
background-repeat: no-repeat, no-repeat;
//margin:0 0 20px 0;
}
</style>
</head>
<body>
<div class="demo"></div>
<div class="task"></div>
</body>
</html>
楼上正解, 逗号只能用来分开多个backgroundimg,不能做别的用。分号只能最后用。图片不能变成红色背景那个只是展示图片
背景图标是这样的 改不了的,
然后你把改成逗号就行了