css - 使背景属性像叠加层一样工作

Question

我知道这是一个有点奇怪的问题。但对此很好奇。我们可以让背景属性像叠加层一样工作吗？不使用任何额外的 html 标签。

例如，

<img style="background: url('some image url to be overlayed on the actual image')" src="image src which will be hidden under the background image" alt="">

这可能吗？

Answer 1

你的意思是这样的吗？我使用填充来调整大小。

img {
    padding-bottom: 35%;
    width: 500px;
    background: url(https://homepages.cae.wisc.edu/~ece533/images/airplane.png);
    height: 0;
}

<img  src="https://homepages.cae.wisc.edu/~ece533/images/arctichare.png" alt="" title="test">