这个位置怎么写的呀，我这样写的，显示空白-慕课网

首页课程实战体系课手记专栏慕课教程

这个位置怎么写的呀，我这样写的，显示空白

来源：5-4 CSS3背景 multiple backgrounds

qq_美丽的曲线_03762593

2016-08-05 16:01

.task {

width: 300px;

height: 140px;

border: 1px solid #999;

background-image:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat,

url(http://static.mukewang.com/static/img/logo_index.png) no-repeat;background-position:left top, 50px 50px, 100px 50px;

}

写回答关注

4回答

丑丶小亚

2018-05-22 13:06:37
background-image属性，不支持no-repeat标签。
解决方案：
1.background-image中在去掉no-repeat标签。
2.添加
```
 background-repeat:no-repeat,no-repeat;
 background-position:left top,right bottom;
 background-size:220px 80px,150px 50px;
```
属性
1 1

丶回

正解。

2018-09-27 21:18:06

共 1 条回复 >
慕设计3678775

2017-05-03 16:28:08

.task {
width: 300px;
height: 140px;
border: 1px solid #999;

background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat,
url(http://static.mukewang.com/static/img/logo_index.png) no-repeat;
background-position:0 0,100% 100%;
background-size:230px 80px,150px 55px;

}
也可以

0 0
一止水

2016-08-05 16:28:42

.task {
    width: 300px;
    height: 140px;
    border: 1px solid #999;

    background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat,
               url(http://static.mukewang.com/static/img/logo_index.png) no-repeat;
     background-repeat:no-repeat;
     background-position:left top,right bottom;
     background-size:220px 80px,150px 50px;
}

这节内容前面没有讲到，这可能是课程错失。

2 0

qq_骑乌龟... 回复qq_美丽的...

background-image:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat,你把background-image中的image去掉就可以显示图片了

2016-08-05 21:56:19

共 2 条回复 >
cy_freedom

2016-08-05 16:27:24

background-position:left top, 50px 50px, 100px 50px;
定义了三组，但是 background-image只有两组

1 0

qq_美丽的...

删除了一组，还是不显示

2016-08-05 17:25:04

共 1 条回复 >