asp.net – FF和IE不从CSS加载img src

我正在为像这样的css的图像设置src

#Banner {
content: url(../Banners/prussia-awesomeness.gif);
width: 1000px;
}

这是我的形象

<div id="Header" class="Header">
        <img id="Banner" src="as"/>
    </div>

使用正确的img src加载谷歌浏览器中的图像(../Banners/prussia-awesomeness.gif)

在Internet Explorer和Firefox中,它将src保持为“as”.

ie和ff不支持从css加载图像源吗？

编辑：

加入

#Banner:after {
content: url(../Banners/prussia-awesomeness.gif);
width: 1000px;
}

使它在Firefox中工作,但仍然拒绝合作.

还尝试添加：before(with：和：:),这在任何浏览器中都没有区别

解决方法

似乎CSS内容属性不适用于IMG,但其他元素适用于IE&苹果浏览器.查看
this小提琴.对于Safari检查
this.

HTML：

<div id="Header" class="Header">
        <img id="Banner1" src="as"/>
    <h1 id="Banner">test</h1>
    </div>

CSS：

#Banner:before {
content: url(http://w3c.org/2008/site/images/favicon.ico);
width: 1000px;
}
#Banner1:before {
content: url(http://w3c.org/2008/site/images/favicon.ico);
width: 1000px;
}

如果您没有DOCTYPE,它可能无法与IE8一起使用！指定.

对于FF,您需要使用：before或：after伪元素才能使其工作.欲了解更多信息,请访问this.