3

我正在尝试将背景封面图像放置在图像的左下方（background-position: 0% 100%;），同时固定位置，使图像不会滚动。

问题是，在使用background-position时被忽略background-attachment:fixed。

一些示例 HTML：

<div class="title-section">
  <div class="wrap">
    <h4 class="widget-title widgettitle">My Cool Title</h4>
  </div>
</div>
<div class="footer-section"></div>

以及相关的 CSS：

.title-section {
  background-image: url(image.jpg);
  background-position: 0% 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

如果我将其删除background-attachment或更改为滚动，它将正确定位图像。我需要什么才能使图像保持在固定位置，但该位置位于图像的左下角？

我尝试通过<img>标签添加图像，但也无法正常工作。

如果您想使用代码，我已将其添加到 JS Fiddle 上：http: //jsfiddle.net/bradonomics/xtjmyv7y/2/

如果您取出 CSS 第 5 行background-attachment属性，您可以看到地板上的地毯。

4

0 回答 0