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

发布时间：2020-12-15 19:46:38 所属栏目：asp.Net 来源：网络整理

导读：我正在为像这样的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/prussi

我正在为像这样的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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!