我不确定我是否正确理解，但你可以简单地这样做。

null

      <div class="img-container" style="position:relative;display:inline-block">
        <img id="modalImg" alt="img" src="https://via.placeholder.com/150">
        <span class="overlay" style="
            display:inline-block;
            position:absolute;
                  top:0px;left:0px;
            width:100%; height:100%;
            background-color: rgba(0,0,0,0.2);
         "></span>
      </div>

我不完全明白你想做什么，但是我认为通过在img周围放一个div和设置一个填充可以做你想做的事情，比如:

<div style="padding: 10px; background-color: rgba(0,0,0,0.2)">
    <img id="modalImg" alt="img" src="/path">
</div>