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;

屬性

.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;

? ? ? ? ? ? ? ?

}

也可以

.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;
}

這節內容前面沒有講到，這可能是課程錯失。

background-position:left top, 50px 50px, 100px 50px;

定義了三組，但是? background-image只有兩組