CSS3使用背景应用背景位置

Question

我尝试将所有这些css样式放到一个语句中，但我遇到了一些问题。在这里，我有＆＃39; background-position＆＃39;属性。我该如何编写以下内容。

.tabbing1 a{     
    background-repeat:no-repeat; 
    background-position:left; 
    background-image: url('../images/nbr.png');
}

我试过这种方式，但遇到了一些问题，

background: url('../images/nbr.png') left no-repeat

Answer 1

背景位置可以采用一个或两个值：

background-position: <xvalue> <yvalue>

OR

background-position: <xvalue and yvalue>

值可以是像素，百分比，关键字，如center，left，right，top或bottom等。

此处有更多详情：https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

Answer 2

尝试在no-repeat

之后立即url

background: url('../images/nbr.png') no-repeat left;

使用速记属性时，属性值的顺序为：

• 背景颜色
• 背景图像
• 背景重复
• 背景附件
• 背景位置

http://www.w3schools.com/css/css_background.asp

Answer 3

  

background-position：value;

1.value可以是下面的任何内容:(你可以用％表示）

-left top

-left center

-left bottom

-right top

-right center

-right bottom

-center top

中心

中间底部

ex：background-position: 50px 100px;