html - 背景位置不适用于宽度和高度为 100% 的父级？

Question

所以我试图用背景图像移动一个子 div，但无论我设置多少背景位置都没有移动，这是我在 html 中的代码：

<div className="review-dots-container">
  <div className="review-dots-purple" />
</div>

和我的CSS：

.review-dots-container {
  width: 100%;
  height: 100%;
  position: relative;
  .review-dots-purple {
    background-image: url('./scss/img/[e-mail]');
    height: 368.08px;
    width: 368.12px;
    position: absolute;
    background-position: 70% 80%;
    @include mediaQuery(768px) {     
      height: 368.08px;
      width: 112px;
    }
  }
}

所以父母继承了宽度和高度，它与子div相对定位，背景图像定位为绝对，但无论我设置多少，图像都不会移动到任何地方，即使它是

background-position: 120% 180%;

标签： htmlcss