关于使用AlphaImageLoader装载png透明图链接失效的解决方式

由于是png透明图,并且使用AlphaImageLoader可以实现图片的缩放,所以采用AlphaImageLoader;代码如下:      
    
  <script   language=javascript>  
  function   tests(){  
  alert(event.srcElement.outerHTML);  
  }  
  document.body.attachEvent("onclick",tests);  
  </script>  
    
  <style   type="text/css">  
  #idDiv{left:140px;   height:400;    
  width:400;  
  filter:progid:DXImageTransform. Microsoft.AlphaImageLoader(src='../images/back/db-0.png',sizingMethod='scale');  
  background-image:none;  
  }  
  </style>  
  <div   id='idDiv'>  
  <table>  
  <tr>  
  <td   style='cursor:hand;color:red'><a   href='http://www.sohu.com'>超链接不能用了</a></td>  
  </tr>  
  <tr>  
  <td   style='cursor:hand;color:red'   onclick='alert(11)'>click不能用了</td>  
  </tr>  
  </table>  
  </div>  

解决方法如下：

  在<table标记中加入style='position:absolute'   或position:relative   就可以解决该问题  
    
  具体代码如下:  
    
  <script   language=javascript>  
  function   tests(){  
  alert(event.srcElement.outerHTML);  
  }  
  document.body.attachEvent("onclick",tests);  
  </script>  
    
  <style   type="text/css">  
  #idDiv{left:140px;   height:400;    
  width:400;  
  filter:progid:DXImageTransform. Microsoft.AlphaImageLoader(src='../images/back/db-0.png',sizingMethod='scale');  
  background-image:none;  
  }  
  </style>  
  <div   id='idDiv'>  
  <table   style='position:relative'>  
  <tr>  
  <td   style='cursor:hand;color:red'><a   href='http://www.sohu.com'>超链能用了</a></td>  
  </tr>  
  <tr>  
  <td   style='cursor:hand;color:red'   onclick='alert(11)'>click能用了</td>  
  </tr>  
  </table>  
  </div>

关于这个PNG的兼容问题真是烦死人，浏览器制造商互相竞争，搞出来一堆的标准，折磨死了！

非常感谢在别处老兄，牛人就是不一样啊！

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: CSSCSS pngpng