近日,在整图形报表的时候,发现 img 标签 在IE6,IE7下无法显示图片。谷歌,ie8,ie9,火狐都行。
原因:ie6中一个底层机制的bug,之后的版本已经解决了。据说<a href="javascript:void(0)">或者<a href=#">这样使用a标签的话并不能阻止a标签最后触发一个什么行为,导致ie6会错误的认为页面刷新或者重定向了,并且中断了当前所有连接,这样新图片的加载就被aborted了。
onabort 事件会在图像加载被中断时发生。
当用户在图像完成载入之前放弃图像的装载(如单击了 stop 按钮)时,就会调用该句柄。
解决办法:哄骗image对象的onabort 经由过程断定图片的状况来进行操纵 例如onabort="this.src=this.src";
代码:<img id="image_src1" src="../../../resources/images/loading.gif" onabort="this.src=this.src" />
onabort="this.src=this.src 加上这句即可,,ie6---ie9 都能显示。
分享到:
相关推荐
在JavaScript(简称JS)中实现图片预览,尤其是在兼容老版本的Internet Explorer(如IE6、IE7、IE8)以及Firefox(FF)等浏览器上,需要考虑多种技术策略和兼容性问题。下面我们将详细讨论如何实现这个功能,并着重...
本文将详细介绍两种在IE6中实现PNG图片透明的方法:一种针对`<img>`标签,另一种则应用于CSS背景图。 #### 方法一:针对`<img>`标签 这种方法主要是通过JavaScript来解决PNG图片的透明度问题。具体实现思路如下: ...
其中,一个常见的问题是IE(Internet Explorer)浏览器下的图片显示异常,尤其是在图片周围出现意外的空白或者空隙。这不仅影响了页面的整体美观,也增加了前端开发者的调试难度。 #### 详情描述 根据描述,作者在...
这段代码会将整个body渲染为一个Canvas,并将其转换为图片数据URL,然后创建一个新的`<img>`元素显示该图片。 然而,为了兼容IE浏览器,我们需要处理两个关键问题:一是IE对Blob和Data URL的支持有限,二是IE可能不...
标题与描述均提到了“Js图片广告轮换效果[支持ie7,ie8.firefox,ie6]”,这指向了一种使用JavaScript实现的图片轮播技术,特别强调了对旧版浏览器如IE6、IE7、IE8以及Firefox的支持。在现代Web开发中,虽然这些浏览器...
标题提到的"兼容IE6,IE7,IE8和Firefox的图片上传预览效果"直指浏览器兼容性问题,这是一个在过去很长一段时间内困扰开发者的关键挑战。由于早期的Internet Explorer(IE6, IE7, IE8)对现代Web标准的支持不足,而...
标题中的“上传图片预览-兼容IE6,IE7,IE8,FF”指的是一个Web开发的技术解决方案,目的是实现图片上传前的预览功能,并确保该功能在早期版本的Internet Explorer(IE6、IE7、IE8)以及Firefox浏览器上都能正常工作...
本篇文章将深入探讨一个关键问题——如何实现本地图片上传并预览的功能,并兼容IE6、IE7和IE8。这个功能对于现代浏览器来说是相当基础的,但在老版本的IE中,由于其内核和API的限制,实现起来并不简单。 首先,我们...
PNG格式的图片在其他现代浏览器中可以完美显示透明效果,但在IE6中却存在兼容性问题,表现为图片背景显示为灰色。这个问题困扰了很多开发者,本文将介绍一种常用的解决方案——滤镜解决方案,并对其优缺点和适用情况...
通过以上讨论,我们可以理解"图片浏览直接显示[兼容IE, FireFox]"这个主题涉及到的IT知识点主要包括:HTML `<img>` 标签,CSS样式兼容,JavaScript事件处理,跨浏览器兼容性处理,响应式设计,图片懒加载以及数据URI...
#### PNG图片显示问题 在IE6、7、8中,PNG格式的图片可能会出现透明度显示不正常的问题,尤其是在设置了背景色的情况下。这是因为这些浏览器默认不支持PNG格式图片中的alpha通道透明效果。这会导致页面中的PNG图片...
通常,一个简单的例子可能会包含一个隐藏的`<img>`标签,通过更改其`src`属性来更新预览图片,同时在IE7下使用CSS滤镜进行渲染。开发者可以通过查看和分析这个文件来学习如何在老版本的IE浏览器中实现图片预览功能。...
在互联网的早期,浏览器兼容性问题一直是开发者头疼的问题,尤其是对于IE6、IE7和IE8这些较老的版本。本文将深入探讨如何实现一个兼容这些老版本IE以及Firefox的本地图片上传预览功能。 首先,我们需要理解浏览器...
在网页开发中,兼容性问题始终是一个挑战,尤其是在处理老版本的Internet Explorer(IE)浏览器时,如IE6、IE7和IE8。这些浏览器在处理某些现代Web技术时存在局限,例如对CSS3、HTML5新特性以及JavaScript的一些高级...
这两种方法都能有效地解决IE6显示PNG-24格式图片的问题,让图片在IE6中呈现出正确的透明效果。然而,随着现代浏览器的广泛使用,对于新的项目,开发者通常不再需要考虑IE6的兼容性问题,而是可以使用更先进的CSS3...
**问题描述**:在IE6和IE7中,`img`标签后若有空白字符,会导致图片下方出现额外的空白空间。 **解决方案**:通过设置`img`的`display`属性为`block`来解决。 ##### 9. 失去`line-height`效果 **问题描述**:在IE...
PNG(Portable Network Graphics)格式是一种支持半透明和全透明的图像文件格式,但在Internet Explorer 6(简称IE6)这个较老的浏览器版本中,对PNG-24格式的图片处理存在局限,导致图片的透明部分无法正确显示,...