Html 如何在chrome中从图像中删除边框？

我有一个带有图像标签的web应用程序，它有一个css类，但属性是no

src

。大概是这样的：

<img class="image"/>

---

请检查已接受的答案：

---

“Chrome显示边框，因为它找不到图像”

为什么要将图像设置为

img

标记的背景？您应该使用

src

属性（必须具有有效的html）来定义图像url

<img class="image" src="http://www.ultimatedesignertoolkit.com/wp-content/uploads/2013/06/preview1.png"/>

---

这是因为您使用的是一个没有

src

属性的

img

标记。Chrome本质上是指容器的大小，其中没有任何内容

正文{
背景颜色：棕色；
身高：100%；
位置：绝对位置；
宽度：100%；
}
.img{
背景重复：无重复；
背景尺寸：600px 400px；
内容：''；
显示：内联块；
高度：400px；
填充：0；
位置：相对位置；
顶部：5px；
垂直对齐：顶部；
宽度：600px；
}

Try have you Try

div img[class=“image”]{border:none；}

这不是使用

标记的方式，在很多浏览器中都会出现损坏的图像图标，因为没有设置src，这就是我所看到的-您没有为任务使用

div

的任何原因？这可能不是有效的标记，您可以在没有src的情况下使用div而不是img。您可能也会看到浏览器兼容性问题。

<div class="image"></div>