明凯博客

关注网站技术,一个特立独行的程序员

CSS中background属性的合并的写法

上次写CSS样式时同时有background-size background-positon 两个属性,
但是我想合并成一个background来写,刚开始遇到了一些麻烦,怎么写都不生效。
后面谷歌,我们应该这样子写:

1
backgroundno-repeat scroll  0px 0px /  200px 29px   rgba(0, 0, 0, 0);

0px 0px / 200px 29px

/ 做分割 前面是background-position 后面是 background-size

下面写一份比较全面的合并方法:

1
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配合使用,中间有一个斜杠分隔符。

, ,

相关文章

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注