关于ie6下png背景透明
今天我突破了一个技术难关,真的是头都大了。。
关于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背景透明的更多相关文章
- 使IE6下PNG背景透明的七种方法任你选
原文地址:http://blog.csdn.net/mosliang/article/details/6760028 相信如何解决png在ie6下透明的问题困扰了很多人.为了追求更好的页面效果,很多人 ...
- IE6下 input 背景图滚动问题及标签规范
ie6 背景图滚动问题: <title>ie6下input背景图滚动问题</title> <style> .box{ height:20px; width:300p ...
- ie6下png背景显示问题?
针对ie6下png背景显示问题,CSS中可以这样解决:_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoad ...
- document.execCommand("BackgroundImageCache",false,true)解决ie6下的背景图片缓存问题
E6下的背景图片每次使用都会重新发送请求(not 本地),连一个hover效果时候同样的背景图片仅仅位置不同而已,ie6都会再次发送请求,这个令人崩溃的事情需要解决掉:对于ie来说,filter:ex ...
- IE6下png背景不透明——张鑫旭博客读书笔记
从今天开始跟着大牛张鑫旭的步伐,每天进步一点点 问题:IE6不支持png背景透明或半透明 一.可解决的方法 补充:css滤镜主要是用来实现图像的各种特殊效果.(了解) css滤镜的标识符是“filte ...
- 解决ie6下png背景不能透明bug
/*第一种方法:通过滤镜 使用css解决的办法. 注意滤镜下的1像素透明gif的覆盖图片的路径是相对页面写的*/ /*注意:这个方法不适合处理img标签引入的png图片,代码太冗余了*/ .banne ...
- IE6下的png透明图片的背景定位
在IE6下PNG透明图片做背景,无法使用background-position进行定位.但是可以使用margin和绝对定位来进行. 另外,由于IE6下的 :hover 只对<a>支持,对其 ...
- IE6中 PNG 背景透明的最佳解决方案
为什么要使用 PNG 图片? 简 单来说,使用 PNG 格式比起 GIF 来表现色彩更丰富,特别是表现渐变以及背景透明的渐变要比GIF格式出色很多.目前,最新的浏览器基本上都支持PNG格式.唯独有万恶 ...
- 处理IE6下PNG图片透明背景问题
由于历史原因,IE较早的版本不支持PNG透明 可以支持GIF等的透明 由于png图片相对较小,所以很多网站还是青睐于PNG图片 最近就遇到这种情况,使用js和css滤镜来实现的与大家分享一下下: 首先 ...
随机推荐
- L233
Betty was offended because she felt that her friends had ignored her purposefully(deliberately) at t ...
- mysql-connector-java-3.1.10-bin-g.jar 和 mysql-connector-java-3.1.10-bin.jar两个文件有什么不同呀?
MySQL Connector/J的文档里说: MySQL Connector/J is distributed as a .zip or .tar.gz archive containing the ...
- NBUT 1223 Friends number 2010辽宁省赛
Time limit 1000 ms Memory limit 131072 kB Paula and Tai are couple. There are many stories betwee ...
- UI基础:UIButton.UIimage 分类: iOS学习-UI 2015-07-01 21:39 85人阅读 评论(0) 收藏
UIButton是ios中用来响应用户点击事件的控件.继承自UIControl 1.创建控件 UIButton *button=[UIButton buttonWithType:UIButtonTyp ...
- SSH项目搭建(三)——Maven多模块搭建项目
多模块开发,大致的思想就是把一个项目按某种方式分成多个模块,再把模块们连接成一个整体,我们在开发的时候,可以很清晰的操作每一个模块,可以大大提高开发的效率. Java web项目,最常见的就是按代码的 ...
- 玩转TypeScript(3)--数组
数组的语法和语义与C#数组非常相似,首先要指定一个数组名,后跟冒号,冒号后面紧跟数组的类型,数组类型名后面跟方括号表示当前定义的是一个数组,对于一个空的数组定义,可以使用如下的语法: btnArray ...
- C#单例的多种写法
单例的细分写法 本文提供全流程,中文翻译.Chinar坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) 1 最吊大的 一种--C#这样的高级语言特有 ...
- Http常见状态码说明
一些常见的状态码为: 200 - 服务器成功返回网页404 - 请求的网页不存在503 - 服务不可用 详细分解: 1xx(临时响应) 表示临时响应并需要请求者继续执行操作的状态代码.代码 说明100 ...
- 20155204 2016-2017-2 《Java程序设计》第7周学习总结
20155204 2016-2017-2 <Java程序设计>第7周学习总结 教材学习内容总结 在只有Lambda表达式的情况下,参数的类型必须写出来,如果有目标类型的话,在编译程序可推断 ...
- Git冲突和解决冲突
1.产生冲突原因 产生:多个开发者同时使用或者操作git中的同一个文件,最后在依次提交和push的时候,第一个操作的是可以正常提交的,而之后的开发者想要执行pull(拉)和pull(push)操作的时 ...