既然是绝对位置的浮动层,那么我们采用两个绝对位置的浮动层,把背景单独设置在一个层上,并且让这个层居下,在上边的层上放文字及链接内容,这种方法可行吗??实践是检验真理的唯一标准,让我们拭目以待!!
- <!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:315px; height:134px; background:url(/uploadfile/200806/18/DF1059248.png); z-index:1; }
- .iepng1 { position:absolute; top:261px; left:309px; width:275px; height:94px; padding:20px; z-index:2; }
- </style>
- </head>
- <body>
- <div class="iepng1">标准之路<br />
- <br />
- <a href="http://www.aa25.cn">点击打开标准之路</a></div>
- <div class="iepng"></div>
- </body>
- </html