首页 | 源码下载 | 网站模板 | 网页特效 | 广告代码 | 网页素材 | 字体下载 | 书库 | 站长工具
会员投稿 投稿指南 RSS订阅

栏目导航

热点推荐

阅览排行

当前位置：主页>设计在线>CSS教程>资讯:解决ie7以下浏览器PNG图片背景不透明且链接失效的办法

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

www.jz123.cn  2010-12-01   来源:   站长家园    责任编辑(袁袁)    我要投递新闻

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

<!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="/uploadfile/200806/17/9E162710915.png")这种方式让背景透明的，当采用position:absolute;定位时也可以采用双层重叠的方式解决链接失效的问题


上一篇：用css hack针对IE的优化 下一篇：IE断头台问题的解决办法

相关文章列表

评论总数：1 条 [ 查看全部 ] 网友评论


关于我们 ┆ 隐私版权 ┆ 广告服务 ┆ 友情链接 ┆ 联系我们 ┆ 网站地图