为什么这样缩写，图片就不显示了？

为什么我把position和size缩写到一起，图片就不见了？哪里出错了？

天窗的蚂蚁

2016-01-03

源自：十天精通CSS3 5-4

关注问题我要回答

1163

操作

收起

2 回答

丑丶小亚
2018-05-22

因为background属性不支持你这种写法，这个标签里面的值是有顺序的行为。

background：url(xxx.png) repeat position /size ....

你要是非要拆开写，请用标准的background-image系列属性

0 回复有任何疑惑可以回复我~

收起回答

上帝遗弃之仔
2016-01-03

background-position语法错误，后面允许跟两个值，第一个值是水平位置，第二个是垂直位置，空格分隔。

background-repeat属性也只有一个值，repeat,no-repeat,repeat-x,repeat-y。

0 回复有任何疑惑可以回复我~

收起回答

天窗的蚂蚁提问者

可是我没写background-position啊，我是把position和size所写一起了，background:left top/80% 50%,right bottom/50% 35%;

2016-01-04 回复有任何疑惑可以回复我~

上帝遗弃之仔回复天窗的蚂蚁提问者

background-color: red; background: url(images/bg.gif) no-repeat top right; 以上代码先设置了背景色为红色，然后又用简写指定了些样式，但是简写时没给background-color值，此时它将会是默认值transparent，并覆盖掉前面规则设定的red。参考：http://www.cnblogs.com/starof/p/4384378.html 是这个原因吗(⊙v⊙)？

2016-01-04 回复有任何疑惑可以回复我~

上帝遗弃之仔回复天窗的蚂蚁提问者

简写缺省时会覆盖原有样式,简写属性中没指定值的属性将用默认值代替。重点是简写会覆盖已有样式.

2016-01-04 回复有任何疑惑可以回复我~