Question

我有这个简单的css代码适用于chrome，但不适用于Internet Explorer和firefox，我缺少什么？

.removeIcon{
   content: url(../images/remove.png) no-repeat;
   display: inline-block;
  width: 25px;
  height: 25px;
 margin-left:5px;
 cursor: pointer;
 margin-top:9px;
}

这是什么原因以及如何解决？

Answer 1

您可能希望使用background属性而不是content属性。

.removeIcon{
   background: url(../images/remove.png) no-repeat;
   display: inline-block;
   width: 25px;
   height: 25px;
   margin-left:5px;
   cursor: pointer;
   margin-top:9px;
}

content属性仅用于在伪元素之前和之后创建生成的内容，它不会以您使用它的方式工作。见http://css-tricks.com/css-content/

内容不适用于Firefox和Internet Explorer？

1 个答案: