关于ie6中使用css滤镜后链接无法点击的问题

最新推荐文章于 2025-08-15 10:51:23 发布

宛飓如风

最新推荐文章于 2025-08-15 10:51:23 发布

阅读量948

点赞数

分类专栏： WEB前端文章标签： ie css filter html url

WEB前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了解决IE6中使用CSS滤镜后导致链接无法点击的问题。通过应用特定的滤镜属性使PNG图片透明显示的同时，加入position:relative解决链接失效。此方案适用于需要在老旧浏览器中保持网站功能完整性的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于ie6中使用css滤镜后链接无法点击的问题

网上最大众华的解决ie6无法显示png背景图片透明问题的方法就是用

“filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=’images/liBack.png’,no-repeat); background:none;”。

用了上面那句话会导致链接无法点击，所以需给链接加个positon:relative。

如下所示：

#nav li {
width:130px;
text-align:center;
height:40px;
background:url(../images/liBack.png) no-repeat center;
line-height:40px;
font-family:’宋体’, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
float:left;
}

* html #nav li{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=’images/liBack.png’,no-repeat); background:none; }

#nav li a{
position:relative;
}

转自：http://blog.163.com/china0359@yeah/blog/static/1217194362011122104720157/