解决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
- 讲得好,问题解决了。
- 管理员回复:解决了就好
推荐文章
热门文章
最新评论文章
推荐专题
在线交流QQ群
- 106310407(开)
- 55427134(开)
- 2993401(开)
- 30235673(开)
- 33424604(开)
- 2993401(开)
- 161512108(开)
- 161510519(开)
- 158375021(开)
- 155858414(开)
- 143309878(开)
- 16373807(开)
- 129098721(开)
- 123473199(开)
- 146991009(开)
- 135792800(开)
