透明度设置

来源:Ruby's Louvre 时间:2009-12-12 18:51:00 

IE在处理透明度上真够恶心,而且在IE7必须让元素的hasLayout为ture,要不会失效。以下是我最新处理透明度的代码:

var getIEOpacity = function(el){ 
var op = 1; 
//这是最快的获取IE透明值的方式,不用正则来处理字符串了! 
if(el.filters.alpha){ 
op = el.filters.alpha.opacity; 

}else if(el.filters["DXImageTransform.Microsoft.Alpha"]){ 
        
op = el.filters["DXImageTransform.Microsoft.Alpha"].opacity 
   


return op  ? op /100 :op//如果是零就不用除100了 
}; 
var setIEOpacity = function(el,value){ 
 if(!el.currentStyle.hasLayout){ 
    
el.style.zoom = 1;//让元素获得hasLayout 



if(el.filters.alpha){ 
       
//必须已经定义过透明滤镜才能使用以下便捷方式 
        
el.filters.alpha.opacity = value * 100; 
  
}else{ 
       
el.style.filter = "alpha(opacity="+value *100+")"; 
   

    
return el; 
}; 
var clearOpacity = function(el){ 
   
if(el.filters.alpha){//处理IE 
       
el.filters.alpha = null; 
    
}else if(el.filters["DXImageTransform.Microsoft.Alpha"]){//处理IE 
       
el.filters["DXImageTransform.Microsoft.Alpha"] = null; 
   
}else{//处理标准游览器 
        
el.style.opacity = ''
   

    
return el; 
}

如果你有更好的方法,请不吝赐教!

 

 

标签:透明度,透明,ie
0
投稿

猜你喜欢

  • 详解laravel安装使用Passport(Api认证)

    2023-11-19 02:08:54
  • 为MySQL提权简单方法

    2009-08-29 15:21:00
  • Pandas 时间序列分析中的resample函数

    2023-12-06 16:38:33
  • JavaScript中两个字符串的匹配

    2023-08-08 00:46:01
  • Go语言atomic.Value如何不加锁保证数据线程安全?

    2024-04-25 13:16:52
  • 基于SQLAlchemy实现操作MySQL并执行原生sql语句

    2024-01-18 17:16:05
  • 常见的python正则用法实例讲解

    2023-03-11 23:11:29
  • Python 分享10个PyCharm技巧

    2021-11-18 11:03:41
  • CentOS7中使用shell脚本安装python3.8环境(推荐)

    2022-08-24 17:04:24
  • Python代码列表求并集,交集,差集

    2021-12-03 03:33:38
  • Python 中将值附加到集合的操作方法

    2022-01-06 15:09:54
  • TypeScript学习之强制类型的转换

    2024-04-25 13:08:07
  • php实现比较全的数据库操作类

    2023-11-22 02:15:10
  • 正在研究XMLHTTP如何正确传送大于7F(127)的二进制数据

    2008-09-13 18:41:00
  • Ext2.0.2经典的一个JS组件(带EXT中文手册)

    2009-04-13 12:24:00
  • mysql 日期和时间格式转换实现语句

    2024-01-22 22:58:38
  • jquery加载页面的方法(页面加载完成就执行)

    2024-04-23 09:10:11
  • python中用Scrapy实现定时爬虫的实例讲解

    2023-07-26 05:47:01
  • 聊聊python 逻辑运算及奇怪的返回值(not,and,or)问题

    2021-08-07 01:04:42
  • vue.js实现价格格式化的方法

    2024-05-10 14:20:06
  • asp之家 网络编程 m.aspxhome.com