悬停时IMG链接覆盖

Question

我想知道如何使用链接在img上设置绿色叠加。

<section>
  <div class='container>
    <div class='row'>
      <a href ='https://stackoverflow.com/' target="_blank">
        <img src="i cant cause i need at least 10 rep to post images">
      </a>
    </div>
  </div>
</section>

只有css或bootstrap4，没有框架。 有人可以帮忙吗？ ：）

Answer 1

你可以使用纯css。这会使您的图像背景为绿色悬停。

img{
    width:50px;
    height:50px;
    background-image: url("URL TO IMAGE");
}

img:hover{
   background-color: green;
   background-blend-mode: multiply;
}