Firefox显示没有源的图像

Question

我有一个图像，当有人点击图标链接显示完整尺寸的图像时保留该图像。当页面最初仅在Firefox中加载时（客户端使用的主要浏览器是Chrome，IE和FF），它会显示损坏的图像图标。理想情况下，无需添加太多内容，如果有任何其他代码，我可以简单地自动隐藏。我尝试使用Visible="false"但问题是当我尝试使用attrib将Javascript更新为true时，我尝试更改CSS中的Visibility。无论哪种情况，它都没有为我做任何事。一般来说代码很有效，只需要解决这个小怪癖之一，我似乎无法得到它。

下面是包含图片的div：

<div id="overlayContent" >
    <asp:Image runat="server" ID="imgFull" ImageUrl="" CssClass="fullView" />
</div>

非常感谢帮助，我花了近8个小时尝试自己调试，但没有运气。

Answer 1

解决方案比我想象的要简单。只需在初始化时将CSS设置为Display:None，然后在显示图像时将其设置为Display:Block即可解决问题。跨浏览器友好。