div上的背景图像不呈现

Question

我一直在尝试将简单的背景图像应用于div。这似乎是一个简单的问题，但经过几个小时的搜索Stack和其他来源的许多线程，并尝试了许多解决方案，我仍然看着一个空div。

我已经验证了asterisk.png文件存在并在从标记中自行调用时呈现。

这是HTML

  <div class="element"></div>

这是CSS

.element{
  background-image: url('images/asterisk.png');
  background-repeat: repeat-x;
  width: 400px;
  height: 50px;
}

我希望有人可以指出我在这里犯的简单错误......谢谢！

Answer 1

它应该可以工作，检查检查器是否有任何其他样式没有添加到此元素。 在这种情况下，某些内容可能会使您的元素display: inline，是BG将不可见，将其更改为显示block或inline-block

Answer 2

修正了它。我错误地链接到图像文件。 ＆＃39;影像/ asterisk.png＆＃39; vs＆＃39; ../ images / asterisk.png＆＃39;。

我道歉......我想我一直盯着屏幕太久了，只需要休息！

谢谢大家。