今天我突破了一个技术难关,真的是头都大了。。

  关于ie6下png背景透明的解决方法,我就不多说了,网上有很多解决方法,我用的是其中的一种:

<script type="text/javascript" src="js/iepng/iepngfix_tilebg.js"></script>
<style type="text/css">
img,div { behavior: url(js/iepng/iepngfix.htc);}
</style>

  本来网站上传服务器的第一个版本,已经解决了png背景透明的问题了,但是第二版我用div+css重构的时候,却出现了一个很严重的问题,凡是有以上那段代码的,ie6打开页面就会出现假死现象,动弹不得,第一版用的是同一种方法,但是却打开很顺畅,我百思不得其解,想象了各种可能的原因,但是都还是不能解决这个问题。

  然后我换了另一种ie6下png透明的js,发现这种js和网站的导航特效不兼容,所以只能又换回原来的js。

  后来我发现一个现象,因为公司网速慢,所以打开网页的时候,我看到png图片背景是灰色的,然后网页打开完毕的一瞬间,就变成了透明的,我就在想,那一瞬间这肯定是那段代码发生作用的过程,平时网速快的时候,应该看不出这个过程,而且我看到ietester状态栏写着还有85个项目等着加载……

  第一个版本不会假死,我以为是我重构网页的时候写错什么或者漏了什么关键代码,然后我先把第二个版本备份,再把第一个版本的web目录覆盖第二个版本,看看是web的问题还是java的问题,最后确定是web的问题,然后再把里面css、images、js……文件夹分别覆盖,试到images的时候假死,就是你了!然后我又把images文件夹里面的图片十几个为一组,一组组的试,最后发现头部、底部和背景的图片引起假死现象。

  然后我突然想到,为什么有这段代码的时候,ie6打开就会假死呢,我其他的图片,头部背景,logo,导航,搜索框,底部icon等等等,都是用的png格式,可能问题就出在这里,因为那段js代码会从头到尾力遍该网页所有png格式的图片,每碰到一张png图片,就会执行一次透明代码,工作量太大,所以网页才会假死,然后我就把头部、底部和背景的图片全部换成jpg,顺利解决了假死这个问题。

  假死虽然解决了,但是我又发现png图片又不透明了- -!我看到同一页面下一张png大图又是透明的,又思考了很久。。坑爹啊。。后来才发现之前不透明是因为把png作为背景图嵌入网页(background),那张大图是用<img src=""/>的方式,后来我把background换成了img方式,问题解决!但是很奇怪的是,另一个网页的png图片也是用background的方式,但是它偏偏就是透明的。。无语了。。计算机技术真是博大精深,还好我有着锲而不舍的精神,终于算是解决了这个技术难关。。

关于ie6下png背景透明的更多相关文章

  1. 使IE6下PNG背景透明的七种方法任你选

    原文地址:http://blog.csdn.net/mosliang/article/details/6760028 相信如何解决png在ie6下透明的问题困扰了很多人.为了追求更好的页面效果,很多人 ...

  2. IE6下 input 背景图滚动问题及标签规范

    ie6 背景图滚动问题: <title>ie6下input背景图滚动问题</title> <style> .box{ height:20px; width:300p ...

  3. ie6下png背景显示问题?

    针对ie6下png背景显示问题,CSS中可以这样解决:_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoad ...

  4. document.execCommand("BackgroundImageCache",false,true)解决ie6下的背景图片缓存问题

    E6下的背景图片每次使用都会重新发送请求(not 本地),连一个hover效果时候同样的背景图片仅仅位置不同而已,ie6都会再次发送请求,这个令人崩溃的事情需要解决掉:对于ie来说,filter:ex ...

  5. IE6下png背景不透明——张鑫旭博客读书笔记

    从今天开始跟着大牛张鑫旭的步伐,每天进步一点点 问题:IE6不支持png背景透明或半透明 一.可解决的方法 补充:css滤镜主要是用来实现图像的各种特殊效果.(了解) css滤镜的标识符是“filte ...

  6. 解决ie6下png背景不能透明bug

    /*第一种方法:通过滤镜 使用css解决的办法. 注意滤镜下的1像素透明gif的覆盖图片的路径是相对页面写的*/ /*注意:这个方法不适合处理img标签引入的png图片,代码太冗余了*/ .banne ...

  7. IE6下的png透明图片的背景定位

    在IE6下PNG透明图片做背景,无法使用background-position进行定位.但是可以使用margin和绝对定位来进行. 另外,由于IE6下的 :hover 只对<a>支持,对其 ...

  8. IE6中 PNG 背景透明的最佳解决方案

    为什么要使用 PNG 图片? 简 单来说,使用 PNG 格式比起 GIF 来表现色彩更丰富,特别是表现渐变以及背景透明的渐变要比GIF格式出色很多.目前,最新的浏览器基本上都支持PNG格式.唯独有万恶 ...

  9. 处理IE6下PNG图片透明背景问题

    由于历史原因,IE较早的版本不支持PNG透明 可以支持GIF等的透明 由于png图片相对较小,所以很多网站还是青睐于PNG图片 最近就遇到这种情况,使用js和css滤镜来实现的与大家分享一下下: 首先 ...

随机推荐

  1. 插件PageHelper实现分页查询

    一,需求: CommonQuery--PyQueryBean PyQueryBean:鹏飞历史记录查询,以往哪些人对征信进行了查询.CommonQuery:查询条件:根据查询人(umName).被查询 ...

  2. tomcat catalina.out(一,windows下的catalina.out)

    最近在研究项目时,发现linux操作系统中,catalina_home/logs/catalina.out的文件有几个G的大小,便上网查了下这个文件的生成方式及如何避免,下面是我整理的材料: 之前我们 ...

  3. Python学习(003)-列表[]

    列表[] a=['张帅','李四','王五','陈六','黄旗'] print(a[2])    王五 print(a[1:3])   ['李四','王五']  左包含,右不包含 print(a[1: ...

  4. 导出导入grafana完整的dashboard(非单个图表)

    导出很简单,如下图操作即可 导入

  5. matlab repmat()

    一.B = repmat(A,m,n) 将矩阵 A 复制 m×n 块,即把 A 作为 B 的元素,B 由 m×n 个 A 平铺而成.B 的维数是 [size(A,1)*m, size(A,2)*n] ...

  6. ADC复用重映射

  7. stm32 内部温度传感器的配置

    STM32的内部温度传感器和ADCx—IN16输入通道相连接.且温度传感器推荐采样时间为17.1us,支持的温度范围为:-40~125度,精度比较差,± 5℃左右. 计算温度值:T(℃) ={(V25 ...

  8. POJ 2441 Arrange the Bulls 状态压缩递推简单题 (状态压缩DP)

    推荐网址,下面是别人的解题报告: http://www.cnblogs.com/chasetheexcellence/archive/2012/04/16/poj2441.html 里面有状态压缩论文 ...

  9. 字符串哈希算法(以ELFHash详解)

    更多字符串哈希算法请参考:http://blog.csdn.net/AlburtHoffman/article/details/19641123 先来了解一下何为哈希: 哈希表是根据设定的哈希函数H( ...

  10. ehci及其伴随ohci主机控制器驱动分析

    1. 正常插入 插上U盘产生中断调用usb_hcd_irq: usb_hcd_irq ehci_irq usb_hcd_resume_root_hub queue_work(pm_wq, &h ...