在群里看见有人贴出一个页面问opacity不支持IE6，有什么好的支持方法没。贴出第一眼就发现用了jq库，当场就想到了支持的。 但很多人回答用CSS滤镜，当我看到这个答案的时候。有些很吃惊。难道大家都不知道JQ是支持opacity兼容IE6+的吗？ 开始他们都不相信。JQ怎么配合使用。于是就写了一个简单的代码给他们。
代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
<style type="text/css">
.aa,.bb{width:200px; height:200px; margin:10px; background-color:#000}
.bb{background-color:#F00; opacity:0.5}
</style>
<script type="text/javascript">
$(function(){
$(".aa").css("opacity",0.1)
})
</script>
</head>
<body>
<p class="aa"></p>
<h2>JQ版</h2>
<p class="bb"></p>
<h2>CSS版</h2>
</body>
</html>如果你复制并运行了上面的代码。你会发现。IE6下第一个块是透明的。
原理我也不知道。应该是JQuery本身就已经考虑到了这块的兼容。而是大家没有发现而已。只是在这里给大家来个提醒。
PS：部分电脑IETester版本IE6查看不是透明的。这应该是IETester的问题。测试没有发现系统差异。
更多相关教程请访问 JavaScript视频教程
Apakah pemalam jquery?
Bagaimana untuk mengendalikan json dengan jquery
Bagaimana untuk memadam elemen dalam jquery
Penggunaan kaedah jQuery hover().
jquery melaksanakan kaedah paging
Apakah elemen tersembunyi dalam jquery
Apa yang ditonjolkan dalam jquery
Bagaimana untuk menyediakan memori maya komputer
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
