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 相关文章推荐
prototype class详解
Sep 07 Javascript
Windows Live的@live.com域名注册漏洞 利用代码
Dec 27 Javascript
jquery 之 $().hover(func1, funct2)使用方法
Jun 14 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
Aug 09 Javascript
纯js实现遮罩层效果原理分析
May 27 Javascript
jQuery使用fadein方法实现渐出效果实例
Mar 27 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
Jul 27 Javascript
基于webpack 实用配置方法总结
Sep 28 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
May 30 Javascript
关于引入vue.js 文件的知识点总结
Jan 28 Javascript
解决Echarts 显示隐藏后宽度高度变小的问题
Jul 19 Javascript
vue实现选中效果
Oct 07 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导出csv格式数据并将数字转换成文本的思路以及代码分享
2014/06/05 PHP
用php来限制每个ip每天浏览页面数量的实现思路
2015/02/24 PHP
浅谈PHP中关于foreach使用引用变量的坑
2016/11/14 PHP
Laravel 5.5官方推荐的Nginx配置学习教程
2017/10/06 PHP
读jQuery之六 缓存数据功能介绍
2011/06/21 Javascript
jquery中ajax学习笔记4
2011/10/16 Javascript
Node.js开发指南中的简单实例(mysql版)
2013/09/17 Javascript
浅谈jQuery中对象遍历.eq().first().last().slice()方法
2014/11/26 Javascript
JavaScript组件焦点与页内锚点间传值的方法
2015/02/02 Javascript
在JavaScript中使用对数Math.log()方法的教程
2015/06/15 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
2015/06/19 Javascript
jquery实现一个简单的表单验证实例
2016/03/30 Javascript
浅谈JS原生Ajax,GET和POST
2016/06/08 Javascript
socket.io实现在线群聊功能
2017/04/07 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
2017/04/07 Javascript
webpack打包后直接访问页面图片路径错误的解决方法
2017/06/17 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
2018/05/16 Javascript
使用svg实现动态时钟效果
2018/07/17 Javascript
NodeJs入门教程之定时器和队列
2019/03/08 NodeJs
[00:12]DAC SOLO赛卫冕冠军 VG.Paparazi灬展现SOLO技巧
2018/04/06 DOTA
Python+django实现文件上传
2016/01/17 Python
Python的时间模块datetime详解
2017/04/17 Python
Python中eval带来的潜在风险代码分析
2017/12/11 Python
15行Python代码带你轻松理解令牌桶算法
2018/03/21 Python
解决python3 Pycharm上连接数据库时报错的问题
2018/12/03 Python
Python利用matplotlib绘制约数个数统计图示例
2019/11/26 Python
python实现修改固定模式的字符串内容操作示例
2019/12/30 Python
工作睡觉检讨书
2014/02/25 职场文书
中药专业自荐信范文
2014/03/18 职场文书
中秋晚会策划方案
2014/06/12 职场文书
应届生面试求职信
2014/07/02 职场文书
岗位说明书怎么写
2014/07/30 职场文书
新生开学寄语大全
2015/05/28 职场文书
教师节老师寄语
2015/05/28 职场文书
MySQL系列之十三 MySQL的复制
2021/07/02 MySQL
Java org.w3c.dom.Document 类方法引用报错
2021/08/07 Java/Android