内容：网址（）；不在Firefox中显示我的图像

Question

我不确定为什么这不起作用，但在 Firefox 中我注意到我在 content:url() 中的图像没有显示。

它在 Opera、chrome 和 safari 中显示，但在 Firefox 中不显示。

谁能告诉我为什么？我在堆栈论坛上发现了一个类似的问题，但我不知道问题是否已解决。

similar question on stack

我也在网上读到伪元素不能绝对定位为 Firefox 3.something？我在 Firefox 27.0.1 上运行，并认为它不会引起问题。

这是我的 CSS：

.arrow_box_recovery:after {
  content: url("http://dev.disklabs.com/html/assets/img/menu-arrow-recovery.png") no-repeat;
  height: 20px;
  width: 40px;
  position: absolute;
  top: -13%;
  margin-left: -80px;
}

Answer 1

url 后面不能有“no-repeat”。删除它，它会工作，像这样：

.arrow_box_recovery:after {
  content: url("http://dev.disklabs.com/html/assets/img/menu-arrow-recovery.png");
  height: 20px;
  width: 40px;
  position: absolute;
  top: -13%;
  margin-left: -80px;
}