解决opacity属性在低版本IE浏览器下失效的方法

解决opacity属性在低版本IE浏览器下失效的方法以前,一直都以为ie9以下的版本不支持opacity属性。所以就同时使用opacity和ie独特的filter蒙版。但是有些时候需要一些动态的效果,就比如层的渐渐消失,隐藏,就需要使用动态变化的opacity,这种情况下,同时使用opacity和filter就显的有点麻烦了。其实,只使用opacity+jquery就完全解决这个问题。用法如下:<scripttype…

大家好,又见面了,我是你们的朋友全栈君。

以前,一直都以为ie9以下的版本不支持opacity属性。所以就同时使用 opacity和ie独特的filter蒙版。但是有些时候需要一些动态的效果,就比如层的渐渐消失,隐藏,就需要使用动态变化的opacity,这种情况下,同时使用opacity和filter就显的有点麻烦了。
其实,只使用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.proxy.ustclug.org/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>

 

转载于:https://www.cnblogs.com/xyyt/p/3979265.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/146168.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(1)


相关推荐

  • 【技能树】预备知识-Python简介「建议收藏」

    【技能树】预备知识-Python简介「建议收藏」目录简介发展历史发展历程GuidovanRossum(吉多·范罗苏姆)人物经历主要成就ABC语言GNU特点优点缺点和其他语言区别Hello,World!简介Python是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。Python的设计具有很强的可读性,相比其他语言经常使用英文关键字,其他语言的一些标点符号,它具有比其他语言更有特色语法结构。Python是一种解释型语言:这意味着开发过程中没有了编译这个环节。类似于PHP和Perl语言。Python是交互式语言

  • 青蛙过河谁先过_python knn算法实现

    青蛙过河谁先过_python knn算法实现一只青蛙想要过河。 假定河流被等分为若干个单元格,并且在每一个单元格内都有可能放有一块石子(也有可能没有)。 青蛙可以跳上石子,但是不可以跳入水中。给你石子的位置列表 stones(用单元格序号 升序 表示), 请判定青蛙能否成功过河(即能否在最后一步跳至最后一块石子上)。开始时, 青蛙默认已站在第一块石子上,并可以假定它第一步只能跳跃一个单位(即只能从单元格 1 跳至单元格 2 )。如果青蛙上一步跳跃了 k 个单位,那么它接下来的跳跃距离只能选择为 k – 1、k 或 k + 1 个单位。 另请注意

  • java 拉姆达表达式_Java8中foreach与拉姆达表达式的组合使用

    java 拉姆达表达式_Java8中foreach与拉姆达表达式的组合使用1.forEachandMap1.1通常这样遍历一个MapMapitems=newHashMap<>();items.put(“A”,10);items.put(“B”,20);items.put(“C”,30);items.put(“D”,40);items.put(“E”,50);items.put(“F”,60);for(Map.Entryent…

  • 微信域名屏蔽检测技术-微信域名防封防屏蔽的的原因[通俗易懂]

    微信域名屏蔽检测技术-微信域名防封防屏蔽的的原因[通俗易懂]平时做微信活动或者微信里面跑链接的人,经常会看到一个腾讯页面,“已停止访问该页面”。当这个页面出现的时候,那说明悲催了,你的活动页面或者域名链接已经被腾讯禁止了。这个页面的出现,一般说明你的内容被腾讯判定是违规操作或者发布敏感信息比如涉及政治和散布淫秽、色情、赌博、暴力、凶杀等等。那么基于这个问题,出现了两种解决方案,第一种是走正常申诉流程,解封该地址或者域名。第二种就是域名防…

  • 【蓝牙sbc协议】sbc源码阅读笔记(四)——sbc_encode函数详解

    【蓝牙sbc协议】sbc源码阅读笔记(四)——sbc_encode函数详解sbc_encode函数详解函数定义://sbc.cSBC_EXPORTssize_tsbc_encode(sbc_t*sbc,constvoid*input,size_tinput_len, void*output,size_toutput_len,ssize_t*written){ structsbc_priv*priv; intsamples; ssize_tframelen; int(*sbc_enc_process_input)(int

  • PAD SET_pthread_join函数

    PAD SET_pthread_join函数padStart()方法,padEnd()方法ES2017引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。’x’.padStart(5,’ab’)//’ababx”x’.padStart(4,’ab’)//’abax”x’.padEnd(5,’ab’)//’xabab”x’.pad

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号