CSS pseudo：在Chrome中完美运行后，但在Firefox或Internet Explorer中无法运行

Question

我在this中使用伪后元素作为前向箭头。该代码适用于谷歌浏览器，但对于Firefox或Internet Explorer，它最终不会扭曲网页的布局。特别是本节一系列火灾。伪元素用在节的标题下面，是在虚线后面调用前向箭头的元素。

代码在这里：

0000 0000

#article::after {
  content: url('../images/iconas.png') no-repeat;
  text-align: center;
  position: relative;
  float: left;
  margin-right: 30%;
  margin-bottom: 5%;
}
#article1::after {
  content: url('../images/iconas.png') no-repeat;
  position: relative;
  text-align: center;
  float: left;
  margin-right: 30%;
  margin-bottom: 5%;
}
.hr {
  margin-top: 50px;
  float: left;
  border: none;
  border-top: 1px dotted #281e12;
  background-color: transparent;
  height: 1px;
  width: 50%;
}

Answer 1

no-repeat属性没有值content。删除它，代码将工作。 Chrome似乎忽略该值并显示图标。

错误：

Firefox中的输出：