IE6下opacity与JQuery的奇妙结合


Posted in Javascript onMarch 01, 2013
<!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 相关文章推荐
jquery each()源代码
Feb 14 Javascript
javascript实现按回车键切换焦点
Feb 09 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
Dec 12 Javascript
基于Javascript实现的不重复ID的生成器
Dec 25 Javascript
详解vue模拟加载更多功能(数据追加)
Jun 23 Javascript
Vue异步加载about组件
Oct 31 Javascript
JavaScript累加、迭代、穷举、递归等常用算法实例小结
May 08 Javascript
浅谈关于iview表单验证的问题
Sep 29 Javascript
JavaScript时间与时间戳的转换操作实例分析
Dec 07 Javascript
微信小程序 弹窗输入组件的实现解析
Aug 12 Javascript
Vue + Element UI图片上传控件使用详解
Aug 20 Javascript
js代码实现轮播图
May 04 Javascript
JQuery动画和停止动画实例代码
Mar 01 #Javascript
两个listbox实现选项的添加删除和搜索
Mar 01 #Javascript
DWZ table的原生分页浅谈
Mar 01 #Javascript
jQuery编辑器KindEditor4.1.4代码高亮显示设置教程
Mar 01 #Javascript
循环 vs 递归浅谈
Feb 28 #Javascript
JavaScript对象创建及继承原理实例解剖
Feb 28 #Javascript
jquery显示和隐藏div特效实例
Feb 27 #Javascript
You might like
PHP写MySQL数据 实现代码
2009/06/15 PHP
连接到txt文本的超链接,不直接打开而是点击后下载的处理方法
2009/07/01 PHP
php删除左端与右端空格的方法
2014/11/29 PHP
PHPStrom中实用的功能和快捷键大全
2015/09/23 PHP
使用PHP处理数据库数据如何将数据返回客户端并显示当前状态
2016/02/16 PHP
php mongodb操作类 带几个简单的例子
2016/08/25 PHP
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
2011/12/31 Javascript
JQuery 返回布尔值Is()条件判断方法代码
2012/05/14 Javascript
jquery利用ajax调用后台方法实例
2013/08/23 Javascript
Javascript实现滚动图片新闻的实例代码
2013/11/27 Javascript
js在数组中删除重复的元素自保留一个(两种实现思路)
2014/08/22 Javascript
基于Jquery和html5的7款个性化地图插件
2015/11/17 Javascript
AngularJs 60分钟入门基础教程
2016/04/03 Javascript
javascript的BOM
2016/05/03 Javascript
微信小程序 生命周期函数详解
2017/05/24 Javascript
基于Nodejs的Tcp封包和解包的理解
2018/09/19 NodeJs
python实现迭代法求方程组的根过程解析
2019/11/25 Javascript
Vue父组件向子组件传值以及data和props的区别详解
2020/03/02 Javascript
vue created钩子函数与mounted钩子函数的用法区别
2020/11/05 Javascript
如何使用原生Js实现随机点名详解
2021/01/06 Javascript
centos 下面安装python2.7 +pip +mysqld
2014/11/18 Python
python发送HTTP请求的方法小结
2015/07/08 Python
浅谈Series和DataFrame中的sort_index方法
2018/06/07 Python
python求最大连续子数组的和
2018/07/07 Python
Python中按键来获取指定的值
2019/03/02 Python
Python函数的默认参数设计示例详解
2019/12/01 Python
django模板获取list中指定索引的值方式
2020/05/14 Python
Python3爬虫里关于代理的设置总结
2020/07/30 Python
CSS3解决移动页面上点击链接触发色块的问题
2016/06/03 HTML / CSS
纯css3实现照片墙效果
2014/12/26 HTML / CSS
英国皇家造币厂:The Royal Mint
2018/10/05 全球购物
博柏利美国官方网站:Burberry美国
2020/11/19 全球购物
档案接收函
2014/01/13 职场文书
日化店促销方案
2014/03/26 职场文书
python绘制箱型图
2021/04/27 Python
POST提交数据常见的四种方式
2022/01/18 HTML / CSS