background-size的顺序

Question

height: 90px;

background: linear-gradient(135deg,transparent 45%,green 45%,green 46%,transparent 46%,transparent 100%),linear-gradient(-135deg,transparent 45%,red 45%,red 46%,transparent 46%,transparent 100%);

background-size: 30px 30px;

如果把background-size放在上面，就只有一条了，这个是为什么

Answer 1

TooooBug 2018-01-04 10:00:00

因为background是一个简写属性，包含了background-color background-image background-position background-size background-repeat等很多属性。所以如果你把background写在下方，会覆盖上方的background-size的定义。

• 提问者 李行知 #1

  非常感谢！原来如此