编程 Javascript

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的问题。测试没有发现系统差异。

IE6下opacity与JQuery的奇妙结合

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

免费空间广告万能消除代码

Sep 04 Javascript

js列举css中所有图标的实现代码

Jul 04 Javascript

jquery仿搜索自动联想功能代码

May 23 Javascript

js获取内联样式的方法

Jan 27 Javascript

jQuery手机拨号界面特效代码分享

Aug 27 Javascript

WebApi+Bootstrap+KnockoutJs打造单页面程序

May 16 Javascript

获取select的value、text值的简单示例（jquery与javascript）

Dec 07 Javascript

AngularJS 最常用的八种功能(基础知识)

Jun 26 Javascript

详解angularjs的数组传参方式的简单实现

Jul 28 Javascript

Vue.js点击切换按钮改变内容的实例讲解

Aug 22 Javascript

如何使用pm2快速将项目部署到远程服务器

Mar 12 Javascript

js屏蔽F12审查元素，禁止修改页面代码等实现代码

Oct 02 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