如何解决删除图像的边框
| 我为图像添加了边框。但是有些图像丢失了,对于这些图像,我添加了一条错误消息。我不想为丢失的图像设置任何边框,但是我仍然可以得到它。 jQuery中有什么办法可以从指定路径上实际不存在的图像中删除边框。 谢谢 罗米 编辑 我有大量的图像路径,其中一些图像路径无效,对于这些无效的路径,我不想添加错误。我所有图像路径都只有一个CSS,我无法区分它们。还有其他方法可以做到这一点。解决方法
我将使用大卫代码处理丢失的图像
http://davidwalsh.name/custom-missing-image-jquery
使用这个想法来设置边框-0
$(\"img\").error(function () {
$(this).css(\"border\",\"none\");
});
, 对于您不想添加边框的图像,只需为其指定一个类名,然后设置css
<img src=\'image.png\' class=\'no-border\' />
CSS:
img.no-border {
border:none;
}
, 就像是
<img src=\"broken\" onerror=\"this.style.border=\'none\';\"/>
, 就像其他人所说的那样,CSS方法是利用标记的继承而不是针对图像本身。
.container { }
.container img,.container a img { border:1px solid black }
因此,如果布局的该区域内存在图像,则它们会带有边框-否则,它们不会。
这种方法还消除了每个图像唯一ID和单独类的需求(尽管类可能有所帮助,具体取决于情况)。
, 您可以使用标准javascript来更改元素的类:
document.getElementById(\'IdOfElement\').className = \'missing\';
然后设置一些CSS,使任何缺少类的元素都没有边框:
.missing {
border: none;
}
每个图像都需要一个唯一的ID:
<img src=\"\" id=\"image1\">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。