2017-10-22 61 views
2

什么2个零点在背景速记属性分配?

background: 0 0 

的意思。当使用速记属性的属性值的顺序是:

background-color 
background-image 
background-repeat 
background-attachment 
background-position 

background-image有0值?

回答

0

的CSS background速记属性,您可以调整所有的一次可用的背景风格选择,包括colorimageoriginsizerepeat方法,以及其他功能。背景可以被用来为一个或多个的设置值:background-clipbackground-colorbackground-imagebackground-originbackground-positionbackground-repeatbackground-sizebackground-attachment

在用于背景图像的定位例子速记0 0属性:

/* <length> values */ 
background-position: 0 0; 

这意味着背景图像被放置在top-left角元素的

此外个此属性

background-color: #000; 
background-image: url(images/bg.gif); 
background-repeat: no-repeat; 
background-position: left top; 

在速记将像这样...

background: #000 url(images/bg.gif) no-repeat left top;

+0

源的背景图像位置的示例:https://developer.mozilla.org/nl/docs/Web/CSS/background – Roberrrt

+0

此外,这并没有真正回答这个问题,0 0变量究竟做了什么? – Roberrrt

+0

@Roberrrt非常感谢!答案已被修改.... – Momin

2

的CSS: background: 0 0; 将设置背景图像位置0像素0像素,所提供的背景图像被定义background: 0 0后。 如:

background: 0 0; 
background-image: url(image/bg.jpg); 
0

是的,你可以在默认情况下background: 0 0;。它的意思是设置你的背景图像的X & Y位置在0,0坐标这也意味着默认的位置开始。

如果单独使用background: 0 0;没有提供实际的背景图像将不提供任何不同的。

这里是设定为

background: -10px 20px; 

​​