我想在我的图像上有一个不透明的黑色页。

<div class="bg-black z-50 absolute" >
  <img class="" src="https://www.apimages.com/Images/Ap_Creative_Stock_Header.jpg" alt="Flying Kites">
</div>

我已经搜索了，但只找到了HTML/CSS和使用背景图像的解决方案，这是我不能在我的项目中使用的。如何在不知道图像宽度/高度（它会改变）的情况下获得一个黑色正方形（它适合图像，没有重叠或多余）。

尝试了上面的变体，但没有显示任何内容（屏幕上没有黑色）

顺晟科技：

如果不能更改标记，可以将容器div的值设置为黑色，并减少图像的值。

或者，您可以绝对地将div放置在图像的顶部，并在那里设置其不透明度: