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

  关于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. DevExpress v17.2新版亮点—WPF篇(六)

    用户界面套包DevExpress v17.2终于正式发布,本站将以连载的形式为大家介绍各版本新增内容.本文将介绍了DevExpress WPF v17.2 新的Hamburger Menu.Sched ...

  2. compile——生成ast

    刘涛 生成ast的函数是src/compiler/parser/index.js文件中的parse函数, 从这里入手,我们一起来看看一段html字符串,是如何一步步转换成抽象语法树的. 这一部分会涉及 ...

  3. css background url 路径

    刚刚碰到一个奇怪的问题,这样一段CSS代码: 1 .pho6 { background: url(img/pho6.jpg);  } 这段代码居然不能显示出背景图片,路经绝对是没错的代码肯定没有问题, ...

  4. jsp 中实现点击按钮 实现页面跳转到HTML

    <input type ="button" value="跳转" onclick="window.location.href='main.htm ...

  5. Vue2.0 分页插件pagination使用详细说明

    Vue2.0 分页pagination使用 插件下载地址:Vue_Pagination 插件描述:基于jQuery的分页插件大家都用过很多了吧,今天分享一下基于Vue的分页插件pagination.j ...

  6. FZU OJ 1075 :分解素因子

    Problem 1075 分解素因子 Accept: 2161    Submit: 4126Time Limit: 1000 mSec    Memory Limit : 32768 KB  Pro ...

  7. Mybatis的mapper文件中$和#的用法及区别详解

    https://www.2cto.com/database/201806/752139.html用了一段时间的Mybatis了,对于$和#的用法老是很迷糊,特此记下加深记忆. 简单来说 #{} 会在将 ...

  8. 虚拟机CentOS的NAT模式联网和SecureCRT远程登录管理工具

    Cenos7 发生了很大的变化,不过也是直接配置网络,从启网卡,从启机器,crt链接 https://blog.csdn.net/gebitan505/article/details/54584213 ...

  9. gitlab操作

    一.初始设置 在某一个具体的project下: 1.gitlab中删除一个工程Setting-->General-->Advanced settings-->RemoveProjec ...

  10. 【转】每天一个linux命令(57):ss命令

    原文网址:http://www.cnblogs.com/peida/archive/2013/03/11/2953420.html ss是Socket Statistics的缩写.顾名思义,ss命令可 ...