解决ie7以下浏览器PNG图片背景不透明且链接失效的办法

15462011-05-31

之前本站已经提供一种方法(请在本站搜索关键字“透明”即可找到),这种提供另外一种方法:

<!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.0491.com/app/iepngfix.htc) }
 </style>
<![endif]-->
<style>
body { background:url(http://www.0491.com/app/123.jpg)}
.iepng { 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.0491.com">点击打开团购网站大全</a></div>
</body>
</html>

看到了吧,在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.0491.com/app/iepngfix.htc) }
 </style>
<![endif]-->
<style>
body { background:url(http://www.0491.com/app/123.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.0491.com">点击打开团购网站大全</a></div>
</body>
</html>

哈哈,问题居然解决了!采用background:url(/uploadfile/200806/17/9E162710915.png) !important; background:none;filterrogidXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="image", src=/userfiles/2011531154018580.png")这种方式让背景透明的,当采用position:absolute;定位时也可以采用双层重叠的方式解决链接失效的问题

通过本文您对西安网站建设有了进一步了解,本公司温馨提醒:找西安做网站公司,请选择手续齐全、业务精、服务好的正规公司。

工商网上亮照

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1

客户服务电话:029-89640155 18991365125

公司地址:西安市雁塔区朱雀大街紫郡长安F3

Sitemap 网站地图 手机版

办公电话:029-89640155

服务热线:18991365125

客服信箱:vip@dianmo.cc

846461336327

西安点墨网络科技有限公司

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1