编辑:这不是一个重复,这个问题是问中心而不是从右边定位。
有没有一种方法来设置一个背景图像的开始位置在它的容器的50%,使用CSS仅?
background-position: 50% center;
这不起作用,因为它将背景图像定位在中心,而不是从50%开始。
background-position: 50vw center;
这不起作用,因为它基于视口而不是容器。
还要注意,我不能抵消div本身,因为我需要它处于当前位置。
是的,你可以,像这样:
.container {
background-image: url('w3css.gif'); //insert your url ofcourse
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right top;
background-size: 50% 100%;
}