Question

我一直在寻找3天的答案（虽然我睡了几个小时）。

我正在使用wordpress主题，可以顺畅地集成字体真棒图标。但我想改变这些图标并使用我自己的图标，但它们不会在Firefox中显示，但会在Safari，Chrome等中显示。

我正在使用此css代码将图标更改为我自己的图标：

.fa-euro:before {content:url(http://nip10.nl/xtra-icons/icon-2.png);}
.fa-glass:before {content:url(http://nip10.nl/xtra-icons/icon-1.png);}
.fa-bell:before {content:url(http://nip10.nl/xtra-icons/icon-3.png);}
.fa-coffee:before {content:url(http://nip10.nl/xtra-icons/icon-4.png);}

您可以在此处查看网站：www.nip10.nl

希望有人可以告诉我如何更改css代码，以便图标也显示在FireFox中..我已经尝试了从命名图像到.jpg文件等等。

Answer 1

您应该验证您的HTML。见这里：http://validator.w3.org/check?uri=http%3A%2F%2Fwww.nip10.nl

我猜测问题是firefox遇到了这个错误

第1069行，第26栏：元素样式不允许作为元素的子元素 div在这种情况下。（抑制此子树中的更多错误。）

无法解析嵌入式样式表。您也不应该嵌入这样的大型样式表。制作外部样式表。完成后，找到HTML错误的位置，导致验证工具认为您没有头标记中的样式表，并且应该自行修复。

图像不会在firefox中使用内容显示：url

1 个答案: