上次写 CSS 样式时同时有 background-size background-positon 两个属性,但是我想合并成一个 background 来写,刚开始遇到了一些麻烦,怎么写都不生效。后面谷歌,我们应该这样子写:
- background:no-repeat scroll 0px 0px / 200px 29px rgba(0, 0, 0, 0);
/ 做分割 前面是 background-position 后面是 background-size 下面写一份比较全面的合并方法:
- background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center / cover;
这些参数从左到右依次是:
background-color
background-image
background-repeat
background-attachment
background-position / background-size
一定要注意的是 background-size 是 CSS3 的属性,它要与 background-position 配合使用,中间有一个斜杠分隔符。