如何让背景图像知道它在CSS中的高度？

Question

我正在网站上工作并希望在背景图片中输入我的标题，因为它有一个特殊的字体。在学校，我们了解到它必须是这样的。我怎么能让我不需要给我的背景图像高度一点，它只是弹出正确的大小？ THX！

＆＃13;

＆＃13;

.title{
  background-image: url(...);
  background-repeat: no-repeat;
  /*it displays nothing now, only when I add a height here*/
}

.titlespan{
  visibility: hidden;
}

＆＃13;

<h1 class="title"><span class="spantitle"></span></h1>

＆＃13;

＆＃13;

＆＃13;

Answer 1

尝试：

.title{
  background-image: url(...);
  background-repeat: no-repeat;
  background-size:contain;
  background-position:center; /* bonus, to position the background image */
}

'background-size：contains'将确保背景图像的高度和宽度都适合元素。