一个客户前2天做了一个欢迎页,用了一张很大的图片,虽然这种东西对SEO非常不好,但是客户既然强烈要求。就做了,用useMap图片热点搞定。
一切安好。但是过了2天,客户要求更新一下图片,换了一张图片,我就ftp上传把原来的覆盖了。ff下一看,OK,就过去了。
今天客户QQ上叫了,网站打不开啊!我一看,欢迎页的图片显示不出来了,IE6,7,8全都是一样,显示红叉,firefox下面却好好的。这下真是奇怪了。
先是到主机控制面板,没发现有相关限制的选项。
怀疑自己图方便不改代码,将jpg后缀改成gif的关系,改回jpg,一样还是不行。
怀疑原先的图片格式是png格式,改成png后缀,也不行。jpeg?还是不行。
用http抓包工具分析了一下,发现161k的图片,到17k左右就停止下载了,估计是IE无法解析,放弃继续下载。艹。。
最后在网上找到一篇文章说IE图片格式问题会导致IE无法显示图片。我先直接用IE打开图片,无论6,7,8,显示的图片都是一个红叉,囧。这下说明这问题的根本原因是图片本身。那个美工给我的图片根本是错误的。
用fireworks转换了下格式,变成jpg格式,重新上传,搞定。
总结:对于IE来说,直接改后缀名会导致图片不能显示。如果后缀名跟文件自身的格式不相符合,也是一样会无法显示。firefox这些浏览器不会有影响,他们可以自己识别。
分享到:
相关推荐
PNG格式允许24位色彩的同时还提供了 Alpha 通道,可以实现半透明效果,但在IE6中,这种透明特性却无法正常显示,导致图片背景呈现出不透明的黑色或白色。以下是对这个问题的详细分析和解决方案: 首先,我们需要...
1. 图片加载:验证码通常以图片形式显示,老版本IE可能无法正确加载动态生成的图片,导致验证码显示为空白或者加载不完整。开发者需要确保使用正确的图片格式(如JPEG或PNG)并正确设置HTTP响应头。 2. CSS兼容性:...
4. **备选图片方案**:为IE6提供一个替代的图片格式,如JPEG或GIF,这些格式在IE6下有良好的支持,但可能无法实现透明效果。 5. **升级提示**:鼓励用户升级到更现代的浏览器,如IE8或更高版本,或者使用Chrome、...
在现代Web开发中,用户交互性是至关重要的,特别是在处理媒体内容如图片上传时。...在实际应用中,你可能还需要考虑其他方面,如文件大小限制、图片格式验证、服务器端的安全措施等,以打造一个完整的图片上传系统。
PDF(Portable Document Format)是一种广泛使用的文档格式,它能够保持原始文档的布局和样式,不受操作系统或设备的影响。在线预览PDF技术使得用户无需安装额外的软件,如Adobe Reader,就能在网页浏览器中查看PDF...
在早期的网页设计中,IE6(Internet Explorer 6)作为一个主流浏览器,因其对PNG(Portable Network Graphics)图像格式的支持不足,导致了开发者们在尝试使用PNG图片时常常遇到背景透明的问题。PNG格式,尤其是PNG-...
为了避免加载时间过长,可以考虑使用WebP或其他高效的图片格式,或者通过CSS Sprite技术合并多个小图,减少HTTP请求。 此外,为了优化移动设备的用户体验,可能需要在媒体查询(`@media`)中添加特定的样式规则,以便...
图片上传功能不仅需要在功能上实现图片的选择和上传,还需要考虑到用户体验,比如对上传的图片格式和尺寸进行校验。本文主要讲述了如何使用JavaScript来实现一个既能够判断图片的尺寸和格式,又兼容IE浏览器的图片...
为了确保上传的是图片文件,需要在prototype上定义一个正则匹配模式,用于检查文件扩展名是否为jpg、png、jpeg等图片格式。 - **定义方法** 该对象的方法主要用于实现图片上传功能。这包括两个主要的方案:对于...
在IE6中,PNG-24格式的图片无法实现完全透明,这给设计者带来了困扰。为了解决这个问题,前端开发者使用了一种叫做AlphaImageLoader的滤镜。这个滤镜是IE6特有的,可以使得PNG图像的透明部分正确显示。通过在CSS样式...
IEPlus是一款专为Internet Explorer浏览器设计的插件,其核心功能是能够将网页内容快速便捷地转换为图片格式,同时具备广告过滤的功能,极大地提升了用户浏览网页的体验。对于需要保存网页内容或者避免广告干扰的...
这一功能可以减少用户因错误选择或不符合规格的图片而反复上传的情况,从而节约网络资源并提高交互效率。下面将详细介绍如何在ASP.NET中实现FileUpload控件上传图片前的预览功能,同时兼容IE6、IE7、IE8以及Firefox...
- 在处理过程中,还包含了异常处理逻辑,确保在图片格式错误或加载失败时能给出提示。 #### 代码优化与扩展 虽然提供的代码已经能够满足基本的图片预览需求,但在实际应用中,还可以进行一些优化和扩展: - **...
alert('图片格式无效!'); return false; } // 创建预览元素 $("#preview_fake").empty(); var img = document.createElement("img"); img.setAttribute("src", ""); img.setAttribute("id", "preview"); ...
然而,当我们遇到喜欢的音乐或视频,想要留存却又找不到原始下载链接时,"IE缓存文件提取器 v2.0"便派上了大用场。 "IE缓存文件提取器 v2.0"是一款专门针对Internet Explorer浏览器设计的实用工具,它能够快速、...
### input框添加图片按钮 #### 知识点概述 在网页设计中,为了优化用户体验及提升界面美观度,经常会遇到需要在`input`框旁边或内部加入图标按钮的情况。例如,一个登录表单中的“显示密码”按钮或者搜索框旁边的...
首先,为了实现半透明效果,我们需要使用PNG24位的图片格式,因为PNG8不支持半透明,保存后通常会将透明部分变为黑色背景。对于IE6的兼容性问题,我们需要添加一些CSS Hack。在CSS样式中,可以使用`_background:0;`...
瀑布流图片无限加载页特效是一种常见的网页设计技术,主要用于展示大量图片内容,如社交媒体、电商网站或个人作品集。这种效果模拟了瀑布流...这个特效展示了如何结合现代Web技术创造出既美观又实用的图片展示体验。