IE6中CSS方法实现PNG图片透明
来源:互联网 发布:冰箱什么牌子静音 知乎 编辑:程序博客网 时间:2024/06/04 19:41
关于ie6中使用png
之前知道的方法都是比较复杂的,使用js或者滤镜。
最近在同事那里学到了比较简单的方法:
1、使用质量较好的图片,比如png24、png32、png8,都可以;然后针对ie6可以单独使用一张没有特别效果的图片,保存成png8或者gif都可以,但最好是png8;注:png8与gif都是索引色透明。(这个是稍微简单的方式了)
2、保存格式选为png8,对于边缘有半透明效果的需要特殊处理,ie6下才可以识别; 处理方法:色板处设置颜色为图片要融入的背景颜色。一定要是alpha透明才可。(FW)
来源:http://www.cnblogs.com/oneroundseven/archive/2011/04/19/2021328.html
第一种,只通过CSS让IE6显示PNG透明背景:
1、 使用CSS滤镜写法,公式如下
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled='bEnabled' , sizingMethod='sSize' , src='sURL' )
enabled= : true :滤镜激活。 false :滤镜被禁止。
sizingMethod= : crop :剪切图片以适应对象尺寸。 [即不平铺]
image : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。 [一般不采用]
scale : 缩放图片以适应对象的尺寸边界。 [即平铺]
src :使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。
2、 使用例子,兼容IE6、FF、OP等CSS写法:
/* 为保证PNG图片位置正确,使用绝对路径 */#div{ width: 300px; height: 99px; background: url('images/top.png') no-repeat top;}* html #div { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled='true', sizingMethod='corp', src='http://www.wdsxp.com/blog/template/flower/images/top.png');} /* 以下是简易写法 ,运用IE6的*独立识别特性 */#div{ width: 300px; height: 99px; background: url('images/top.png') no-repeat top; *background: none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled='true', sizingMethod='corp', src='template/flower/images/top.png');}
3、 注意事项,使用以上CSS滤镜的DIV容器里的链接失效,解决方法是 a: position:relative; 以上效果在IE6不会出现短暂的灰色背景。
第二种,使用 iepngfix 滤镜,此方法包含 iepngfix.htc、blank.gif、CSS :
1、将 iepngfix.htc 和 blank.gif 2个文件上传到相应目录
2、通过CSS编写PNG透明,以下写法兼容IE6、IE7、IE8、FF、OP :
/* 背景定义下加入 iepngfix.htc 链接 */#div{ width: 300px; height: 99px; background: url('images/top.png') no-repeat top; behavior: url("template/flower/js/iepngfix.htc");}
3、注意事项,以上文件存放目录为:CSS–根目录,iepngfix.htc–js文件夹,blank.gif–images文件夹
- IE6中CSS方法实现PNG图片透明
- IE6实现PNG图片透明
- ie6 png图片透明
- HTML+CSS----IE6下背景透明实现-css/js--png图片
- IE6中PNG透明背景图片处理方法
- png透明问题解决方法(png图片ie6不兼容问题)
- CSS ie6 png透明解决方案
- IE6 支持PNG图片透明
- ie6下PNG图片透明
- IE6 使用png透明图片的方法 [非JS方法]
- CSS实现PNG图片背景透明效果
- 实现ie6的png图片透明的2种方法(二)
- CSS滤镜实现png在ie6下透明效果
- 关于PNG背景透明图片在IE6中的处理方法
- IE6下PNG图片背景透明的处理方法
- IE6显示png透明背景、图片的方法
- IE6和Firefox同时支持PNG透明图片的方法
- 解决IE6下Png图片透明的最佳方法
- weblogic集群负载分发模块mod_wl_22.so参数说明
- Spring 实现容器销毁该bean的时候获得一次回调
- iDLNA
- 浏览器对象
- 在centos7/ubuntu15.04 上通过bosh-lite 搭建单机环境Cloud Foundry
- IE6中CSS方法实现PNG图片透明
- poj 3254 Corn Fields
- Serivce通知Activity更新UI方法总结
- CMake/CPack变量之CPACK_SET_DESTDIR
- JAVA当中的I/O
- cocos2dx 3.x win7+VS2012开发环境搭建及HelloWorld
- 为Bootstrap模态对话框添加拖拽移动功能
- 快速排序
- volatile 保证变量内存中值的同步