html - 有没有方法：图像标签之后必须具有绝对位置

我需要对绝对位置

的图像标签使用：之后

有办法吗？

.home-img {
  width: 100%;
  position: relative;
}

.inner-home-img {
  position: absolute;
  width: 605px;
  right: -25%;
  height: 1400px;
}

.inner-home-img::after {
  position: absolute;
  content: "";
  background: black;
  opacity: .56;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

<html>
<div class='home-img'>
  <img src='http://res.cloudinary.com/demo/image/upload/sample.jpg' class='inner-home-img' alt="">
</div>

</html>

但是因为我在图像和：after 中使用了两个绝对位置，所以这不起作用

请帮助我

有没有方法：图像标签之后必须具有绝对位置

0 个答案: