看到了吧，在IE6下测试一下你会发现，PNG的背景已经是透明的了。但是有些时候我们需要在定位的层上实现这样的效果，如本例的效果我想把它固定在其它层之上，类似于弹出窗口的样子，那么就要用position:absolute;把这个层浮动起来。这时问题又出现了，链接居然失效了？？？
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>ie7以下浏览器PNG图片背景透明的解决办法</title>
- <!--[if lt IE 7]>
- <style type="text/css">
- div, img { behavior: url(http://www.aa25.cn//upfile/iepngfix.htc) }
- </style>
- <![endif]-->
- <style>
- body { background:url(/uploadfile/200806/18/E81059891.jpg)}
- .iepng { position:absolute; top:261px; left:309px; width:275px; height:94px; background:url(/uploadfile/200806/18/DF1059248.png); padding:20px; }
- </style>
- </head>
- <body>
- <div class="iepng">标准之路<br />
- <br />
- <a href="http://www.aa25.cn">点击打开标准之路</a></div>
- </body>
- </html>
之前也看到别人提供的方法，说把为链接定义个相对属性position:relative;，但本人试了好像不行。那么有没有其它方法能实现了，下面本人提供一个比较笨的方法来实现：
