1

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

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

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

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

为了修改它。

它在 chrome 和 IE 中显示得很好,但在 Firefox 中它根本没有注册,我看到的只是文本 + alt="" 标签的描述。

我已经搜索了几个小时,但找不到与此完全匹配的内容。所以我在这里发布这个,看看是否有人可以引导我走向正确的方向。我也尝试过声明 !DOCTYPE 以及使用<style>vs<style type="text/css">

在使用 css 验证器显示其他区域时,与当前代码行无关的原因是它不呈现的原因。在萤火虫中,它似乎根本没有显示 CSS 注册。

任何帮助是极大的赞赏。

http://fmlstudios.com/testdesign/

我已经从我的站点中删除了菜单代码,并将其放入上面链接中的单独 html 文件中,以找出我的问题。非常感谢任何帮助,或者为我指明正确的方向。感谢您花时间阅读。

4

1 回答 1

1

由于 Firefox 不能完全理解或理解content: url();它所期望的图像,因此<img class=""/>您需要使用background: url();它,因为这在所有浏览器中都被接受。

IE

.someimageclass { background: url(pathtoimage); }

`

这将导致 Firefox 加载图像,但它周围会有一个黑色边框,因为它正在寻找指定的原始图像<img class=""/>"

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

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

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

希望这可以帮助那些为此发疯的其他人。

于 2013-05-19T12:29:45.460 回答