使用CSS更改IMG标记的默认大小

Question

A具有错误URL的简单图像标记

<img  src="http://placekitten!!!.com/g/200/200">

问题是这个失败的图像的默认大小是18x20(至少在webkit),但我希望它是0px所以如果图像加载失败,那么它将占用零空间.

有没有办法可以用CSS/HTML做到这一点？

UPD:

我没有任何CSS宽度/高度或HTML属性宽度/高度(参见上面的示例)

UPD2:

我知道我可以用JS做到这一点,但我明确表示我正在寻找仅限CSS/HTML的解决方案.

UPD3:

我想仅为无法加载的图像更改默认大小.因此,如果图像加载失败的大小为0px,如果加载的是100px(例如)

Answer 1

您可以CSS在Mozilla Firefox中执行此操作.用这个:

img:-moz-broken:not([height]), img:-moz-user-disabled:not([height]) {
width: 12px;
height: 12px;
}

您也可以使用display: none;隐藏损坏的图像,但这完全取决于您.

在webkit浏览器(如浏览器,Safari浏览器),但是,有没有这样的事情可以隐藏或改变它,如果它坏了,你要使用CSS仅.你应该用jQuery那个.

编辑:

如果您想专门针对该图像,可以使用:

<img src="http://placekitten!!!.com/g/200/200" height="12" width="12">

我上次编辑:

 $("img").error(function(){
      $(this).hide();
    });

这是来自jQuery文档.应该足够Webkit.