大连仟亿科技
客服中心
  • 电话
  • 电话咨询:0411-39943997
  • 手机
  • 手机咨询:15840979770
    手机咨询:13889672791
网络营销 >更多
您现在的位置:仟亿科技 > 新闻中心 > 常见问题

使用CSS滤镜 让png图片在IE6下透明的方法

作者:billionnet 发布于:2012/7/21 17:38:40 点击量:

        我们经常在网页制作的时候,会碰到图片需要png透明,让这个图片叠加在一个层上面,而可恶的IE 6又不支持 图片png24,32格式的透明,这个时候需要怎么办? IE 特有的滤镜方法这个时候就可以派上用场了,下面来探讨这个问题。怎么使用使用CSS滤镜 让png图片在IE6下透明的方法。

 

先来看看,css写法。
 

       一、在Firefox, Safari, Chrome和Opera下的CSS透明度: myElement { opacity: .7; }  
  上述语法将设置一个元素为70%不透明(或30%透明)。设置opacity:1将使元素不透明,而设置opacity:0将使得元素完全不可见。你 只要记住“opacity”等同于“不透明”就很容易记住了,opacity值越小就越接近透明。 opacity属性可以精确地小数点后两位,所以值取“.01”和“.02”实际上是不同的,虽然可见度很难被发觉。一般情况下,精确到一位就可以了,取值如“.3”或“.7”。 

  二、IE下的CSS透明度 
  IE下照旧有别于其他浏览器,并且目前也有三个不同版本的IE在广泛使用,透明度设置是不同的,有时需要额外的CSS来控制: 
  #myElement {      filter: alpha(opacity=40);  }  
  上面的CSS使用专用的filter属性来设置IE6-8透明度。对于IE6和IE7需要注意:为了使得透明设置生效,元素必须是“有布局”。一个元素可以通过使用一些CSS属性来使其被布局,有如width 和 position。#myElement {      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);     
 

 
  三、使用JavaScript设置和改变CSS透明度 
  您可以使用下面的语法访问JavaScript中的CSS opacity 属性: 
  document.getElementById("myElement").style.opacity = ".4";  
  // 针对所有现代浏览器  document.getElementById("myElement").style.filter =    "alpha(opacity=40)";


  四、使用JQuery设置和改变CSS透明度 
  $("#myElement").css({ opacity: .4 }); // 所有浏览器有效 

 

        以上是怎么使用CSS滤镜 让png图片在IE6下透明的方法在做动画或者,png滤镜透明的时候都可以拍上用场。 在IE6下,有时候出来png格式透明的时候,还是满不错的。大家不凡可以试试。



分享到:


评论加载中...
内容:
评论者: 验证码:
  

Copyright@ 2011-2017 版权所有:大连仟亿科技有限公司 辽ICP备11013762-1号   google网站地图   百度网站地图   网站地图

公司地址:大连市沙河口区中山路692号辰熙星海国际2215 客服电话:0411-39943997 QQ:2088827823 42286563

法律声明:未经许可,任何模仿本站模板、转载本站内容等行为者,本站保留追究其法律责任的权利! 隐私权政策声明