Question

我试图了解CSS3背景速记属性，并需要在个别属性中细分。我无法弄清楚下面的速记属性中值98%和center的实际属性是什么

background: url(../images/icon-error-small.png) no-repeat scroll 98% center #FFFFFF

Answer 1

分解就像

background: url(../images/icon-error-small.png) - 图片网址

no-repeat - 背景重复

scroll - 背景附件

98% center - 背景位置（X-98％，Y-center）

#FFFFFF - 后退颜色

Answer 2

背景属性的简写表示法：

background:  [background-image] [background-repeat] [background-attachment]  [background-position] [background-color];

打破：

background-image: url(../images/icon-error-small.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 98% center;
background-color: #FFFFFF;

Answer 3

如果您有这样的问题，最好的选择就是直接找到源头。它甚至还有一个速记部分，我相信，它会回答你的问题，并帮助理解关于速记和CSS3的其他方面可能让你感到困惑。

http://www.w3.org/TR/css3-background/

 <bg-layer> = <bg-image> || <position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box>{1,2}

需要了解CSS3背景速记属性

3 个答案: