解决opacity属性在低版本IE浏览器下失效的方法
2014-09-18 15:02
302 查看
以前,一直都以为ie9以下的版本不支持opacity属性。所以就同时使用 opacity和ie独特的filter蒙版。但是有些时候需要一些动态的效果,就比如层的渐渐消失,隐藏,就需要使用动态变化的opacity,这种情况下,同时使用opacity和filter就显的有点麻烦了。
其实,只使用opacity+jquery就完全解决这个问题。
用法如下:
由于博客里面不能写js代码,有兴趣的朋友们可以把下面示例代码直接拷贝到txt文件中,
然后把文件后缀名改为.html就好,然后直接运行这个文件就可以在浏览器中看效果了。
其实,只使用opacity+jquery就完全解决这个问题。
用法如下:
<script type="text/javascript"> $(function () { $("#p1").css("opacity", 0.6); }); </script>
由于博客里面不能写js代码,有兴趣的朋友们可以把下面示例代码直接拷贝到txt文件中,
然后把文件后缀名改为.html就好,然后直接运行这个文件就可以在浏览器中看效果了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<title>CSS opacity 属性示例</title>
<style type="text/css" media="all">
#p2{opacity:0.4;}
p{width:200px;height:200px;background-color:green;float:left;}
</style>
<script type="text/javascript"> $(function () { $("#p1").css("opacity", 0.6); }); </script>
</head>
<body>
<p id="p1">opacity:0.6;这个透明度通过jquery添加,不存在低版本IE浏览器不兼容的现象</p>
<p id="p2">opacity:0.4;这个透明度直接使用样式设置,低版本的IE浏览器会没有透明效果</p>
</body>
</html>
相关文章推荐
- 解决IE浏览器部分版本不支持background-size属性问题
- 关于IE8版本提示“不支持‘trim’此属性或者方法”的解决办法。转摘雨网络
- BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
- jquery动态改变onclick属性导致失效的问题解决方法
- IE浏览器下jquery的ajax方法失效解决办法
- IE浏览器部分版本不支持opacity透明度属性问题
- BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
- jquery动态改变onclick属性导致失效的问题解决方法
- IE浏览器中a:hover设置background失效的解决方法
- table里td标签的width属性在ie浏览器中无效解决方法
- 【Vegas原创】GridView设定DataFormatString属性失效的解决方法
- 【Vegas原创】GridView设定DataFormatString属性失效的解决方法
- 【078】docute.js的v3.4.8版本在IE11下出现【对象不支持“from”属性或方法】错误的解决办法
- jquery动态改变onclick属性导致失效的问题解决方法
- ode.js 版本控制 nvm 和 n 使用 及 nvm 重启终端失效的解决方法
- jquery动态改变onclick属性导致失效的问题解决方法
- ie浏览器下删除父元素的父元素(祖父元素)-----remove()方法在ie下失效的解决方法
- BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
- 【CSS笔记之六】filter滤镜在IE浏览器失效的原因、Chrome不认document.documentElement.scrollTop的解决方法
- mac 更改 php 版本 和-bash 命令失效的解决方法