提问者:小点点

将背景的起始位置偏移50%?[副本]


编辑:这不是一个重复,这个问题是问中心而不是从右边定位。

有没有一种方法来设置一个背景图像的开始位置在它的容器的50%,使用CSS仅?

background-position: 50% center;

这不起作用,因为它将背景图像定位在中心,而不是从50%开始。

background-position: 50vw center;

这不起作用,因为它基于视口而不是容器。

还要注意,我不能抵消div本身,因为我需要它处于当前位置。


共1个答案

匿名用户

是的,你可以,像这样:

.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%;
}