当前位置:  编程技术>WEB前端

让IE ff Opera同时支持Alpha透明的方法

    来源: 互联网  发布时间:2014-10-04

    本文导语:  我们今天共同学习一下CSS Alpha透明相关的知识。 关于CSS Alpha透明的相关知识。先请看如下代码: 代码如下:filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器(FF 1.5也支持)*/   简单解释,IE...

我们今天共同学习一下CSS Alpha透明相关的知识。
关于CSS Alpha透明的相关知识。先请看如下代码:
代码如下:

filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Moz + FF */
opacity: 0.5; /* 支持CSS3的浏览器(FF 1.5也支持)*/

  简单解释,IE使用私有属性filter:alpha(opacity),Moz Family使用私有属性-moz-opacity,而标准的属性是opacity(CSS 3, Moz Family部分支持CSS3)。后面的数值是透明度,使用百分比或者小数(alpha(opacity))使用大于0小于100的数值,其实也是百分比)。

  从上面的代码中你没有看到Opera。没错,Opera还未支持标准的opacity,也没有其私有的可支持Alpha透明的属性。
  但是,我们知道,Opera是支持Alpha透明的PNG图片的(当然Moz Family也支持)。所以我们可以使用背景图片来实现Alpha透明效果。

  关键在于:
代码如下:

background:transparent url(/tech-webtech/alpha80.png) left top repeat!important;
background:#ccc;
filter:alpha(opacity=50);

  既然Moz Family支持Alpha透明的PNG,所以我们没有必要使用其私有属性了。当然,你可以使用标准的opacity,但别同时使用Alpha透明图片和opacity,这样的话就成了两者的混合了。你可以把上面的例子下载过来,然后/*opacity:.5;*/的注释看看。

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 红旗linux下到底怎么安装opera呀?
  • 跨平台浏览器 Opera
  • ubuntu下安装opera无法使用
  • 请教我的opera为什么不能显示xml格式的文件
  • 我的opera不正常,很多按钮按了没反应(比如校内网)
  • Opera7.21 Linux 的注册码?
  • 安装opera和netbean6时遇到的问题?
  • 我的opera不能放media player的媒体。。应该装哪个插件?系统是ubuntu
  • ■■不知道改版后的csdn在Linux中是否正常显示(By Mozilla,netscape,opera...)?Up 者有分!
  • CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera
  • 兼容多浏览器实现半透明(Opera ie firefox)


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3