为什么我的图片没有显示在我的 HR 中？

Question

我的 Meteor 应用程序中有这个 HTML：

<template name='layout'>
  {{> banner}}
  {{> yield}}
</template>

<template name="banner">
  <h1 class="monospaceboldsmallcap chocolatefont">Platypi of the World Unite! (Duckbilled, that is)</h1>
  <hr/>
</template>

...还有这个 CSS:

hr {
  background:url('/images/dbp.jpg') repeat-x top left;
  border: 0;
}

图像在 /public/images/dbp.jpg 中，但它根本不显示 - 事实上，以前的 "plain jane" hr 也不再显示。

我在这里遗漏了什么或做错了什么？

Answer 1

您需要在 hr 标签中定义高度。

hr{border:1px solid red;height:30px;background:url(https://i.stack.imgur.com/VJ2Se.png?s=32&g=1)}

<hr>

为什么我的图片没有显示在我的 HR 中？

Why is my image not displaying in my HR?

html

css

meteor

spacebars

meteor-blaze