Css 如何设置视差图像的100%宽度？

我有一个视差类，它也包含图像。我试图通过将图像宽度设置为100%使图像具有响应性，但它就是不起作用

.parallax1 {
  /* The image used */
  background-image: url('Images/FloralPurple.png');
  /* Full height and width */
  height: 100%; 
  width:100%;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}  

下面是HTML代码：-

<div style="height:230px;background-color:#001332;font-size:20px; color: #ffffff; padding: 18px">
Some text which defines the image</div>

定义图像的一些文本

我试着在我的div中添加图像标签，但仍然没有任何改变

---

谢谢

背景图像的大小由

背景大小

css属性定义。 当设置为

cover

时，图像将缩放以填充div。您可以将背景大小设置为以下值：

• cover

  如前所述，div将被覆盖。图像将被缩放和裁剪

• contain

  图像始终完全可见，并进行缩放以使其完全可见

• 100px 50px

  固定大小。图像被拉伸了

• 50%100%

  A百分比。图像被拉伸

例如：

background-size: 100%;

---

图像总是会填满div。但是为了这样做，图像会被拉伸。

100%什么？窗户？它的父div？请添加相关的HTML。在这里，我谈论的是图像，即使在提到宽度为100%后，当我调整窗口大小时，图像看起来更大，并从窗口中消失