html – 隐藏img标签,如果src是空的,但没有javascriptjQuery或css3

html – 隐藏img标签,如果src是空的,但没有javascriptjQuery或css3,第1张

概述我在eBay商店的Channel Advisor中设计模板,它不允许javascript / jQuery。此外,CSS3在各种IE版本中不起作用,特别是img [src =]实现被破坏。 当我在img中使用模板标签时: <img src="{{THUMB(ITEMIMAGEURL1)}}"/> 其中{{THUMB(ITEMIMAGEURL1)}}是图像路径,如果图像丢失,模板发布到eBay,则最 我在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

总结

以上是内存溢出为你收集整理的html – 隐藏img标签,如果src是空的,但没有javascript/jQuery或css3全部内容,希望文章能够帮你解决html – 隐藏img标签,如果src是空的,但没有javascript/jQuery或css3所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1113131.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存