IE6下PNG图片背景透明的处理方法
来源:互联网 发布:银狐软件官网 编辑:程序博客网 时间:2024/06/09 14:07
E6下PNG背景透明的显示问题
PNG格式比起GIF来表现色彩更丰富,特别是表现渐变以及背景透明的渐变要比GIF格式出色很多,目前,最新的浏览器基本上都支持PNG格式。但是IE6不支持PNG背景透明,会显示一个灰色的框。
IE6下PNG背景透明的解决办法
一.gif替换png
.pngImg { background:url(image.png); _background:url(image.gif);}
注意上文的_号,目前IE7,8以及Firefox浏览器等都不支持此CSS语法,只有IE6识别。因此,其他浏览器会调用PNG,而IE6刚调用GIF。
二.滤镜filter解决IE6下背景灰
background:url(a.png) repeat-x 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="a.png" ,sizingMethod="crop");
上面的原理是其他调用PNG,IE6,则先设背景没有,然后调用滤镜使之显示PNG图片。
缺陷:IE6下背景无法平铺,这个问题很严重。同时在性能上也有小问题,页面中次数不是很多的时候该办法还是可行的。
AlphaImageLoader滤镜会导致该区域的链接和按钮无效,解决的办法是为链接或按钮添加:position: relative;这样条代码,使其相对浮动。AlphaImageLoader无法设置背景的重复,所以对图片的切图精度会有很高的精确度要求。
三.DD_belatedPNG,解决IE6不支持PNG绝佳方案
解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e xpression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与 background-repeat.
而DD_belatedPNG支持backgrond-position与background-repeat.这是其他js插件不具备的.同时DD_belatedPNG还支持a:hover属性,以及<img>.
使用方法
1.在这里下载DD_belatedPNG.js文件.
http://dillerdesign.com/experiment/DD_belatedPNG/#download
2.在网页中引用,如下:
<!--[if IE 6]>
<script src="DD_belatedPNG.js" mce_src="DD_belatedPNG.js"></script>
<script type="text/javascript"> DD_belatedPNG.fix('.png_bg'); </script> <![endif]-->
3.有2种调用函数,一种是DD_belatedPNG.fix(),如上代码.另一种是fix(),这中方法需要在函数内指出css选择器名.
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG.js" ></script>
<script type="text/javascript"> DD_belatedPNG.fix('.trans,.box a:hover'); </script>
<![endif]-->
- IE6下PNG图片背景透明的处理方法
- 解决IE6下png图片的背景透明方法
- 关于PNG背景透明图片在IE6中的处理方法
- png图片ie6下背景透明
- IE6显示png透明背景、图片的方法
- IE6显示png透明背景、图片的方法
- IE6显示png透明背景、图片的方法
- 使IE6下PNG背景透明的七种方法
- 使IE6下PNG背景透明的方法
- 使IE6下PNG背景透明的七种方法
- IE6下PNG 背景透明 的七种方法
- IE6下png图片和png背景透明
- IE6下png图片和png背景透明
- IE6下png图片和png背景透明
- 解决IE6下Png图片透明的最佳方法
- 在IE6下让PNG图片透明的方法
- ie6 下png背景透明
- IE6 下的PNG透明图片
- JSON解析类(C#)
- CUHK interview in Shen Zhen
- SEO之META标签(关键字等)
- c#将对象序列化为字符串和将字符串反序列化为对象
- spring mvc:控制层梳理
- IE6下PNG图片背景透明的处理方法
- js和jquery判断、设置checkbox控件是否选中
- 、和
- 浅析C# 中object sender与EventArgs e
- VB.NET中LISTVIEW控件点击列首排序问题
- 带动态时间提示的页面自动跳转
- C#中的@符号的使用及注意事项
- spring mvc:表单页面处理
- ToString格式转换大全(2)