内容:URL();没有在Firefox中显示我的图像

时间:2014-02-21 10:28:07

标签: html css firefox

我不确定为什么这不起作用但是在Firefox中我注意到我的内容中的图像: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;
}

1 个答案:

答案 0 :(得分:3)

网址后面不能有“不重复”。删除它,它会工作,如下:

.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;
}