透明度的问题

在css3中透明度:opacity(w3c的标准属性)————设置元素的不透明级别:默认值为0

javascript语法中可为:object.style.opacity=0.5

设置不透明样式如下:

div{

              opacity:0.5;

             /*透明度属性值:0.0~1.0完全透明到完全不透明*/

}

语法:opacity:value | inherit

value:规定不透明度 ,0.5=50%

inherit:规定从父级元素继承opacity的属性值

浏览器支持情况:所有浏览器(Firefox:火狐,Safari:欧朋,Opera,Chrome:Google)支持,

ie8以及更早的版本不支持,是由filter代替的(filter:Alpha(opacity=50))

注意:firefox3.5以下版本使用-moz-opacity属性

IE4-7使用filter: alpha(opacity=xx),但要同时使该元素拥有hasLayout

      <!DOCTYPE HTML">
      <html>
      <head>
        <title>opacity</title>
        <style>
          .wrapper {
            border:solid 1px gray;
            background-color:green;
            filter: alpha(opacity=40);
            zoom:1;
          }
        </style>
      </head>

      <body>
        <div class="wrapper">
        </div>
      </body>
      </html>

IE8下也可以用上面的filter: alpha(opacity=10),且不用设置zoom使元素拥有layout。同时IE8可以使用-ms-filter属性。

如:

              -ms-filter: "alpha(opacity=10)"; /* IE 8 */

相关:

https://developer.mozilla.org/En/CSS:-moz-opacity

使用滤镜设置透明导致 IE 6/7/8/9 解析异常

时间: 2024-08-01 10:46:48

透明度的问题的相关文章

[读码时间] 图片列表:鼠标移入/移出改变图片透明度

说明:代码来自网络.注释为笔者学习时添加. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>图片列表:鼠标移入/移出改变图片透明度</title> <style> ul,li{ /*去除内外边距,去除列表默认样式*/ margin:0; padding:0; list-style-type:none; } #imgList{ /

动画效果-基础动画设置(改变大小,改变透明度,翻转,旋转,复原)

在可视化编程下 #import "BaseViewController.h" @interface BaseViewController () @property (weak, nonatomic) IBOutlet UIImageView *imageView; @end @implementation BaseViewController - (void)viewDidLoad { [super viewDidLoad]; } - (void)didReceiveMemoryWar

h5 range应用 透明度+RGB

透明度 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery.min.js" type="text/javascript"></script> <script t

IOS只改变父视图的的透明度,不会改变子View的透明度

//正在滚动 -(void)scrollViewDidScroll:(UIScrollView *)scrollView{ float offset_Y = scrollView.contentOffset.y; NSLog(@"%f",scrollView.contentOffset.y); UIView *barView = [self.navigationController.view viewWithTag:1000]; if (offset_Y == -20) { //col

css改变背景透明度【转】

透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码: .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} 上面的几个属性分别是: opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera. filter:alpha(opacity=50); 这个是为IE6设的,可取值在

位图背景透明与设置位图透明度

位图怎么像PNG图片背景透明呢? 关键在于对单色位图的使用,单色位图,黑色表示前景颜色(可代表任意),白色代表图片背景颜色 实现API :Transparentblt来理解单色位图 函数原型:BOOL TransparentBlt(HDC hdcDest, int nXOriginDest, int nYOriginDest, int nWidthDest, int hHeightDest, HDC hdcSrc, int nXOriginSrc, int nYOriginSrc, int nW

IOS--CALayer实现,界限、透明度、位置、旋转、缩放组合动画(转)

首先引入框架:QuartzCore.framework在头文件声明:CALayer *logoLayer{//界限 CABasicAnimation *boundsAnimation = [CABasicAnimationanimationWithKeyPath:@"bounds"];boundsAnimation.fromValue = [NSValue valueWithCGRect: logoLayer.bounds];boundsAnimation.toValue = [NSV

背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5为例)

以背景黑色,透明度0.5举例为大家详细介绍下关于背景透明,文字不透明的最佳方法同时兼容IE,具体实现如下,感兴趣的朋友可以参考下哈希望对大家有所帮助 以背景黑色,透明度0.5举例 非IE:background:rgba(0,0,0,0.5); IE: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); PS:#7f000000 其中7f是透明度0.5转换

android 如何设置背景的透明度

半透明<Button android:background="#e0000000" ... />透明<Button android:background="#00000000" ... />颜色和不透明度 (alpha) 值以十六进制表示法表示.任何一种颜色的值范围都是 0 到 255(00 到 ff).对于 alpha,00 表示完全透明,ff 表示完全不透明.表达式顺序是“aabbggrr”,其中aa=alpha(00 到 ff):bb=

cocos2dx对所有子节点设置透明度

看到cocos2dx2.2.5发布了,修复了输入框的bug,于是我们的项目也升级到了2.2.5, 升级过程还是比较顺利,没想到后来发现设置透明度无效了. 经过调试发现要调用一下setCascadeOpacityEnabled(true),结果还是没有效果, 又继续调试,原来noe没父节点不会更新自己的透明度,于是改为如下: void CCNode::setOpacity(GLubyte opacity) { m_displayedOpacity = m_realOpacity = opacity