css - 背景:url work如何CSS速记

Question

我正在尝试修改来自 oracle 的应用程序的 css。我正在尝试破译下面的 css 条目。特别是我有兴趣发现 49% -165px 确实如此。是X和Y坐标吗？

.siebui-self-service {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('../../../images/custom/image.jpg') no-repeat 49% -165px;
background-color: #8aaeba;

Answer 1

49% 是指从右边开始的位置，-165px 是指从顶部开始的位置。

background 属性是所有基于背景的属性的简写，语法如下:

background: color image repeat position;

在哪里

background-color 例如#FFFFFF

背景图像 例如url("image.png")

background-repeat 例如不重复

background-position 例如49% -165px 指右/上

来自 w3schools:

It does not matter if one of the property values is missing, as long as the ones that are present are in this order.