我有一个带有图像标签的Web应用程序，该图像标签具有css类但没有 src属性。像这样的东西：
<img class="image"/>
css类仅定义图像的url及其大小，但未定义border属性。问题在于仅在chrome浏览器中为图像渲染了白色边框（在firefox和IE11中效果很好）。我试图通过css规则显式删除它，但是直到现在我还是不能删除它。
一种解决方案是通过src属性设置图像的url，但是我有太多图像来自css规则。那么，有什么方法可以从CSS中删除该白色边框？也许那是一个镀铬的虫子？
从几天前开始，这个问题就发生在我身上。似乎它与chrome的最新更新一起提供。
在这里，您可以直接获得与jsfiddle示例相同的代码段：
body {
background-color: brown;
height: 100%;
position: absolute;
width: 100%;
}
.image {
background-image: url("http://www.ultimatedesignertoolkit.com/wp-content/uploads/2013/06/preview1.png");
background-repeat: no-repeat;
background-size: 600px 400px;
content: '';
display: inline-block;
height: 400px;
padding: 0;
position: relative;
top: 5px;
vertical-align: top;
width: 600px;
}<div>
<img class="image"/>
</div>为什么将图像设置为img标签的背景？您应该使用src属性（必须具有有效的html）来定义图片网址。
<img class="image" src="http://www.ultimatedesignertoolkit.com/wp-content/uploads/2013/06/preview1.png"/>
如果由于某种原因无法实现，请考虑使用div代替img以获得相同的效果。
<div class="image"></div>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句