CSS解决IE6使用滤镜使PNG图片透明后 容器内链接失效的问题

2016-07-21 19:17:13 CSS解决IE6使用滤镜使PNG图片透明后 容器内链接失效的问题

CSS解决IE6使用滤镜使PNG图片透明后 容器内链接失效的问题

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="content-type" content="text/html;charset=gb2312" /> 
  5. <title>HTML8 测试</title> 
  6. <style type="text/css"> 
  7. div {width:401px;height:223px; 
  8. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'src='png图片地址')} 
  9. </style> 
  10. </head> 
  11. <body> 
  12. <div><a href="#">IE6使用滤镜使PNG图片透明后,容器内链接失效的问题。</a></div> 
  13. </body> 
  14. </html> 

解决方法是为链接定义一个相对定位属性。position:relative

更新