html – 隐藏img标签,如果src是空的,但没有javascript/jQuery或c

发布时间：2020-12-14 21:39:12 所属栏目：资源来源：网络整理

导读：我在eBay商店的Channel Advisor中设计模板，它不允许javascript / jQuery。此外，CSS3在各种IE版本中不起作用，特别是img [src =]实现被破坏。当我在img中使用模板标签时： img src="{{THUMB(ITEMIMAGEURL1)}}"/ 其中{{THUMB(ITEMIMAGEURL1)}}是图像路径，

我在eBay商店的Channel Advisor中设计模板，它不允许javascript / jQuery。此外，CSS3在各种IE版本中不起作用，特别是img [src =]实现被破坏。

当我在img中使用模板标签时：

<img src="{{THUMB(ITEMIMAGEURL1)}}"/>

其中{{THUMB(ITEMIMAGEURL1)}}是图像路径，如果图像丢失，模板发布到eBay，则最终结果将如下所示：

<img src=""/>

这显示了一个破碎的图像。

有没有办法隐藏< img src =“”/>与IE7工作的HTML或CSS

解决方法

您可以使用[attr = val]选择器

img[src=""] {
   display: none;
}

如果src属性没有值，上述选择器将简单匹配。此选择器是一个通用的，并且将匹配文档中的所有img标签与空的src，如果您要定位特定的，比使用更具体的选择器，如

.class_name img[src=""] {
    display: none;
}

Demo

Demo(没有上述选择器，看红线？)

或者，如果要保留img标签所占用的空间，您可能希望使用visibility：hidden;而不是显示：none; as display：none;会简单地弄乱你的布局，其中可见度：隐藏;将保留空间，它只会隐藏img

看到display之间的区别：none;可见度：隐藏;

Demo(可见度：隐藏;预留空间)

Demo 2(显示：无;不预留空格)

Note: None of the above selectors will REMOVE the img tag from the DOM,it will simply hide it from the front end

（编辑：李大同）

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