Html 包装an后，div中的背景图像消失<；a>；贴上标签

使用此代码时，div内的图像不会出现，只有在我删除其周围的（a）标记时才会出现。如何解决这个问题？提前谢谢

---

如果元素为空，则在您为其设置高度和宽度之前，不会显示背景

.thumb{
高度：100px；
宽度：100px；
}

---

这是因为容器默认高度为0px，请尝试添加它

.thumb{
背景图片：url(http://via.placeholder.com/350x150);
背景尺寸：包含；
背景重复：无重复；
高度：100px；
}

---

您需要在中为div设置高度和宽度。 获取的高度和宽度，并在css文件中使用，如下所示：

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

高度和宽度是图像的大小。

试试看

---

刚刚试过，它工作了，但是Div太小了，我不能使用固定宽度。我使用CSS网格进行响应，以便Div自动调整大小。元素必须具有内容或特定的宽度和高度，否则背景将不可见。是否有方法使用固定宽度使Div响应？我使用媒体查询，CSS网格系统使用（fr）分数，站点中没有任何内容是由特定的宽度或高度定义的。您需要在此处提供相关代码，如果可能，请添加工作片段。这不是很好的编码。最好将此特定的

设置为

显示：块

，为其指定所需的

宽度

和

高度

，并将所需的缩略图设置为该

的背景图像。通过这种方式，可以使其行为类似于块元素。同样，这样，没有任何元素会影响它，您可以让代码简短而有意义。问题是，如果我对任何元素使用固定宽度，它将不再响应。无需更改其位置，只需更改其显示。它工作了，但Div变小了，我无法对其使用固定宽度。我使用CSS网格的响应，使Div的大小自动调整。它的工作，但Div的小，我不能使用固定的宽度为它。我使用CSS网格进行响应，因此Div会自动调整大小。当我向Div添加高度：100%时，立即检查@MaximIt是否有效。非常感谢bhargav请编辑您的答案并删除正文、html部分以将其标记为答案。谢谢你，我工作了，但是Div太小了，我不能用固定的宽度。我使用CSS网格进行响应，因此Div会自动调整大小。