标签: opacity

如何设置Drawable对象的不透明度？

我必须使用asp.net ajax工具包执行任务,我正在做的是在触发更新进度控制时在整个屏幕上显示div.主div(覆盖整个屏幕)有一些不透明度但是当我尝试在这个内部有一个div时,即使我将它设置为无,也会得到一些不透明度;

示例HTML:

<ProgressTemplate>
            <div class="updateProgressBox">
                <div class="updateProgressMessage">
                    <p>Processing request..</p>
                </div>
            </div>
</ProgressTemplate>

和CSS:

.updateProgressBox {
    top: 0px; 
    height: 100%; 
    background-color:Gray;
    opacity:0.7; 
    filter:alpha(opacity=70);
    vertical-align: middle; 
    left: 0px; 
    z-index: 999999; 
    width: 100%; 
    position: absolute;
    text-align: center;   
}

.updateProgressMessage {
    border: black 2px solid;
    background-color: #fff;
    z-index: 1000000;   
    padding: 20px;
    opacity:1.0; 
    filter:alpha(opacity=100);
    margin: 300px auto auto auto;
    font-weight: bold; 
    vertical-align: middle;
    width: 200px; 
    text-align: center
}

我应该怎么做使消息的div没有透明度和白色背景颜色？

我想让svg路径的不透明度从0到100回到0并且在连续循环中变为100.

到目前为止,我可以让它从0到100动画,但不会再回来,

有任何想法吗？

谢谢

我想在这张图片上创建效果 - 内容底部的渐变不透明度:

我该怎么做？

我选择了这个免费的bootstrap主题,我的问题是我想创建透明面板,但是当我opacity: 0.8;在面板中设置文本时,当然,变得透明,这不是我想要发生的事情.我尝试使用这个CSS代码,但看起来标题和正文后面仍然有一些东西,面板不透明.

.panel-transparent .panel-heading{
    background: rgba(122, 130, 136, 0.2)!important;
}

.panel-transparent .panel-body{
    background: rgba(46, 51, 56, 0.2)!important;
}

编辑 - 示例HTML:

<div class="panel panel-primary">
  <div class="panel-heading">
    <h3 class="panel-title">Panel primary</h3>
  </div>
  <div class="panel-body">
    Panel content
  </div>
</div>

设计人员总是使用不透明度而不是实际颜色值来提供CSS.这会影响浏览器中的渲染性能吗？

在总是白色的背景下渲染速度更快,我实际上并不关心透明度.

<span>Hello</span>

1. span {color: black; opacity: 0.7;}
2. span {color: rgba(0, 0, 0, 0.7);}
3. span {color: #b3b3b3;}

我的直觉表示不透明度较慢(尽管放在GPU中),因为现在在渲染时,浏览器必须考虑背景,因此任何更改都会导致它重新绘制对象,因为这种透明性,而静态彩色对象将从不改变.

我试图让透明div内的文字没有不透明度,也就是说完全是黑色的:

<div style="opacity:0.6;background:#3cc;">
    <p style="background:#000;opacity:1">This text should be all black</p>
</div>

这可能只与CSS有关吗？

提前致谢

我有一个在一组列表元素上运行的过滤器,它将较小的理想元素淡化到0.25不透明度但是我希望它们的不透明度返回到1,然后在悬停时反复回到0.25.这样做相当简单吗？

我只是很难找到一种方法来获取所选元素的当前不透明度,因此我可以将其存储在变量中以供使用.

$('#centerPanel li').hover(function(){
        var currentOpacity = $(this).?????
        $(this).fadeTo(1,1);
    },
    function(){
        $(this).fadeTo(1,currentOpacity);
    });

我有以下css.

   #mypass{
                background-image: url("Images/logo.png");
                background-attachment: fixed;
                background-position:140px 100px ;
                background-size: 100px;
                background-repeat: no-repeat;
                opacity:0.5;
                fileter:alpha(opacity=40);
                color: blue;
        }

我用这个作为

<div id="mypass">
      <center><h2>PRAGATI ENGINEERING COLLEGE</h2>
    <h5>1-378,ADB Road,Surampalem-533437,E.G.Dist.,ph:08852-252233</h5></center>

      <%    out.println("________________________________________________________");
        String photo="Image/"+id+".jpeg";
       System.out.println(photo);

       String yy="";
       int y=((1900+d.getYear())-(Integer.parseInt(id.substring(0, 2))+2000))+1 ;
       switch(y){
          case 1:   yy=y+" st";break;
          case 2:   yy=y+" rd";break;
          case 3:   yy=y+" rd";break;
          case 4:   yy=y+" th";break;
          default: yy=y+" th";
       }

       int branch=Integer.parseInt(id.substring(6,8));
       System.out.println(branch);
       switch(branch){
         case 12:yy+=" IT";break;
         case 05:yy+=" CSE";break;
         case 03:yy+=" MECH";break;
         case 02:yy+=" EEE";break;
         case 04:yy+=" ECE";break;
         default:yy+="PEC";
       }
    %> …

div { background-color: rgb(255,0,0); opacity: 1; }

div { background-color: rgba(255,0,0,1); }

上面两个有什么区别？