Question

所以我正在运行一个社交网站，我在其中安装了插件和模块，允许用户通过拥有自己的CSS编辑器（样式框）来编辑他们的粉丝页面。这是用于社交引擎。

我最初有一个主菜单，其中包含链接图像，但是通过html src vs css引用即<img src=""> vs .div { code }为了允许用户通过CSS改变布局我为每个图像创建了类，以便它们可以被覆盖。

为此，我偶然发现了一篇关于stackoverflow的文章（我没有链接），介绍了如何使用CSS更改图像，这导致我<img class=""/>并使用

.customtag {
content:url("http://pathtoimage");  }

为了修改它。

它在chrome和IE中显示GREAT，但在Firefox中它根本就没有注册，我看到的只是文本+ alt =“”标签的描述。

我一直在搜索几个小时，但无法找到与此完全匹配的内容。所以我在这里发帖，看看是否有人能引导我走向正确的方向。我也试过声明！DOCTYPE以及使用<style> vs <style type="text/css">

虽然使用css验证器显示其他区域，但与当前代码行无关，为什么它不呈现。在firebug中，它甚至根本没有显示CSS注册。

非常感谢任何帮助。

我已从我的网站中删除了菜单代码，并将其放入上面链接中的单独html文件中，以便找出我的问题。任何帮助都非常欣赏，或指向我正确的方向。感谢您抽出宝贵时间阅读。

Answer 1

由于Firefox无法完全理解或理解content: url();，因为它需要<img class=""/>来自background: url();的图像，因为这在所有浏览器中均已被接受。

即

.someimageclass { background: url(pathtoimage); }

`

这会导致firefox加载一个图片但是它周围会有一个黑色边框，因为它正在查找<img class=""/>"中指定的原始图像

要制定解决方法，请创建或google为“blank.gif”1x xpx并将img类编辑为

<img class="someimageclass" alt="" src="blank.gif"/>

现在该框将消失，这将是您的解决方法。

希望这可以帮助其他任何人一直坚持这一点。