当前位置:首页 > DIV+CSS教程 > 正文

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

作者:不详 来源:source 【 】 浏览: 添加日期:2007-10-29 我要评论(1)     

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


标准之路www.aa25.cn 提示:可以先修改部分代码后再运行

看到了吧,在IE6下测试一下你会发现,PNG的背景已经是透明的了。但是有些时候我们需要在定位的层上实现这样的效果,如本例的效果我想把它固定在其它层之上,类似于弹出窗口的样子,那么就要用position:absolute;把这个层浮动起来。这时问题又出现了,链接居然失效了???


标准之路www.aa25.cn 提示:可以先修改部分代码后再运行

之前也看到别人提供的方法,说把为链接定义个相对属性position:relative;,但本人试了好像不行。那么有没有其它方法能实现了,下面本人提供一个比较笨的方法来实现:
既然是绝对位置的浮动层,那么我们采用两个绝对位置的浮动层,把背景单独设置在一个层上,并且让这个层居下,在上边的层上放文字及链接内容,这种方法可行吗??实践是检验真理的唯一标准,让我们拭目以待!!


标准之路www.aa25.cn 提示:可以先修改部分代码后再运行

哈哈,问题居然解决了!采用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;定位时也可以采用双层重叠的方式解决链接失效的问题
 

(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖DIV+CSS教程〗Tags: IE7 png 透明 背景

所属专题:CSS HACK

更多评论(1)..会员评论

网络小民(218.86.*.*) 发表于:2009-04-29 11:46:11
讲得好,问题解决了。
管理员回复:解决了就好

出差旅游免费预订酒店

【视频教程】新手常见问题