spider518

【原创】IE6实现PNG透明半透明

最近写了一个个人主页,先p好的图,使用了渐变透明和边缘透明,想了一想,使用GIF图片吧,可是PS生成的图片边缘效果很差劲,于是想到了png图片,可是png IE6的透明支持很差劲,想到了使用CSS滤镜,效果是出来了,可是超链接却无法点击。

 

CSS滤镜代码:

 background-image: url(images/header.png) !important;
 background-repeat: no-repeat;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'images/header.png\');
 _background-image: none;

 

百思不得其解,查阅了资料才发现,那个滤镜是高于任何一个层的,所以超链接无法点击,于是想到了z-index属性,最终效果还是不好,百度不好使,就谷歌了。终于找到了一个不错的方案,分享一下:

http://spider518.gqee.com/scripts/iepng.js

使用方法:

<script type="text/javascript">
   EvPNG.fix(\'div, li, a, img, dt\'); 

   //EvPNG.fix(\'包含透明PNG图片的标签\'); 多个标签之间用英文逗号隔开。
</script>

 

不论是背景,还是图片等等都可以实现透明。

分类:

技术点:

相关文章:

  • 2021-10-01
  • 2021-11-20
  • 2021-11-20
  • 2021-09-08
  • 2021-11-27
  • 2021-12-25
  • 2021-08-07
猜你喜欢
  • 2022-02-13
  • 2021-12-04
  • 2021-06-17
  • 2022-01-20
  • 2022-12-23
相关资源
相似解决方案