关于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滤镜来实现的与大家分享一下下: 首先 ...
随机推荐
- L1-052 2018我们要赢
2018年天梯赛的注册邀请码是“2018wmyy”,意思就是“2018我们要赢”.本题就请你用汉语拼音输出这句话. 输入格式: 本题没有输入. 输出格式: 在第一行中输出:“2018”:第二行中输出: ...
- 漂亮的各种弹出框 sweet alert
Sweet Alert 是一个替代传统的 Alert 的提示效果.SweetAlert 自动居中对齐在页面中央,不管您使用的是台式电脑,手机或平板电脑看起来效果都很棒. 还带下拉 几种 动画效果 弹窗 ...
- About RFC
RFC说明 Request For Comments (RFC),是一系列以编号排定的文件,几乎所有的因特网标准都收录在RFC文件之中,如果你想成为网络方面的专家,那么RFC无疑是最重要也是最经常需要 ...
- [转]一种让超大banner图片不拉伸、全屏宽、居中显示的方法
现在很多网站的Banner图片都是全屏宽度的,这样的网站看起来显得很大气.这种Banner一般都是做一张很大的图片,然后在不同分辨率下都是显示图片的中间部分.实现方法如下: <html> ...
- BZOJ4897: [Thu Summer Camp2016]成绩单【DP of DP】
Description 期末考试结束了,班主任L老师要将成绩单分发到每位同学手中.L老师共有n份成绩单,按照编号从1到n的顺序叠 放在桌子上,其中编号为i的成绩单分数为w_i.成绩单是按照批次发放的. ...
- L2-013. 红色警报
战争中保持各个城市间的连通性非常重要.本题要求你编写一个报警程序,当失去一个城市导致国家被分裂为多个无法连通的区域时,就发出红色警报.注意:若该国本来就不完全连通,是分裂的k个区域,而失去一个城市并不 ...
- Struts2重学习之作用域的获取
第一种:获取requestMap,sessionMap,applicationMap, HttpServletRequest,HttpServletResponse对象的获取,在Struts2中 pu ...
- drill 集成开源s3 存储minio
drill 支持s3数据的查询,同时新版的通过简单配置就可以实现minio 的集成 测试使用docker 运行drill 参考 https://www.cnblogs.com/rongfenglian ...
- nginx php 配置
nginx php 环境的搭建步骤: 1.nginx 配置: server { listen 4446; server_name localhost; location / { root ...
- Java安全管理器
启动SecurityManager开关: 隐式: 启动时添加JVM启动参数: -Djava.security.manager :启动默认的安全管理器: -Djava.security.policy=& ...