解决opacity属性在低版本IE浏览器下失效的方法
以前，一直都以为ie9以下的版本不支持opacity属性。所以就同时使用 opacity和ie独特的filter蒙版。但是有些时候需要一些动态的效果，就比如层的渐渐消失，隐藏，就需要使用动态变化的opacity，这种情况下，同时使用opacity和filter就显的有点麻烦了。
其实，只使用opacity+jquery就完全解决这个问题。
用法如下：
<script type="text/javascript"> $(function () { $("#p1").css("opacity", 0.6); }); </script>
由于博客里面不能写js代码，有兴趣的朋友们可以把下面示例代码直接拷贝到txt文件中，
然后把文件后缀名改为.html就好，然后直接运行这个文件就可以在浏览器中看效果了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <title>CSS opacity 属性示例</title> <style type="text/css" media="all"> #p2{opacity:0.4;} p{width:200px;height:200px;background-color:green;float:left;} </style> <script type="text/javascript"> $(function () { $("#p1").css("opacity", 0.6); }); </script> </head> <body> <p id="p1">opacity:0.6;这个透明度通过jquery添加，不存在低版本IE浏览器不兼容的现象</p> <p id="p2">opacity:0.4;这个透明度直接使用样式设置，低版本的IE浏览器会没有透明效果</p> </body> </html>
个人原创博客，转载请注明来源地址：https://www.cnblogs.com/xyyt
分类:
Css样式运用技巧
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通