IE6下opacity与JQuery的奇妙结合

复制代码代码如下:<!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><div class="aa"></div><h2>JQ版</h2><div class="bb"></div><h2>CSS版</h2></body></html>如果你复制并运行了上面的代码。你会发现。IE6下第一个块是透明的。原理我也不知道。应该是JQuery本身就已经考虑到了这块的兼容。而是大家没有发现而已。只是在这里给大家来个提醒。 PS：部分电脑IETester版本IE6查看不是透明的。这应该是IETester的问题。测试没有发现系统差异。

　　推荐阅读

　　javascript加号"+"的二义性说明

单个的加号作为运算符在 JavaScript 中有三种作用。它可以表示字符串连接，例如：复制代码代码如下:var str = 'hello ' + 'world!'; 或表示数字取正值的一元运算符，例如：复制代码代码如下:var n = 10; var >>>详细阅读

本文标题：IE6下opacity与JQuery的奇妙结合

地址：http://www.17bianji.com/kaifa2/JS/22292.html

1/2 1