我的JS代码包含一些开头为空的图像 (没有指定src属性+ display:none)。
当添加到具有CSS1兼容性的网站时,我会看到图像残破的图像,即使图像不应显示(显示:无)。
知道如何隐藏破碎的图像图标吗?
注意: 我不想加载空图像。 我试过宽度和高度= 1px或0px。没用。 指定src =“”也会给出空图像图标。
编辑: 我找到了解决方案: 将style =“display:none”添加到img定义(不在CSS中)
答案 0 :(得分:5)
您是否尝试将图像包装在div中并隐藏div?
答案 1 :(得分:3)
我的JS代码包含一些开头为空的图像(没有指定src属性
)
这不是图像的有效状态。最好使用占位符透明图像或将图像保留在DOM之外,直到您可以设置“真正的”src属性。
我看到图像损坏的图像,即使图像不应显示(图片显示:无),图像应该是图像。
对我来说不会发生,'display:none'或'visibility:hidden'会从页面中删除可见图片。显示问题的示例代码,以及哪些浏览器?
答案 2 :(得分:3)
解决方案非常简单:
将style =“display:none”添加到img定义(不在CSS中)
答案 3 :(得分:2)
如果只是有一个占位符div标签,并在显示图像时用图像替换它?任何体面的ajax框架(例如jQuery)都会使这很容易,所以它适用于所有主流浏览器
答案 4 :(得分:1)
除了display:none,也许可以尝试设置visibility:hidden
答案 5 :(得分:0)
如果您使用的是JavaScript库,则可能值得应用一个类来命名所有这些图像并让库来处理它。使用myImages类名的原型示例将是
var images = $$('.myImages');
if (image != null)
{
for (int i = 0; i < images.Length; i++)
{
images[i].hide;
}
}
您仍然需要添加样式属性style =“display:none;”到图像