html - div 中的背景图像在包裹 <a> 标签后消失

Question

使用此代码，div 内的图像不会出现，只有当我删除它周围的 (a) 标签时它才会出现。如何解决这个问题？提前致谢。

<a href="images/myphoto.jpg">
<div class="thumb" style="background-image: url(images/myphoto.jpg); background-size: contain;"></div>
</a>

Answer 1

如果元素为空，背景将不会出现，直到您为其设置高度和宽度。

.thumb{
  height:100px;
  width:100px;
}

<a href="images/myphoto.jpg">
  <div class="thumb" style="background-image: url(https://placeholdit.imgix.net/~text?txtsize=28&txt=300%C3%97300&w=300&h=300); background-size: contain;"></div>
</a>