标签: opacity

当用户点击左边的CTRL + SHIFT左边我想使整个应用半透明(如VS2008的智能感知下拉).如果我在KeyUp事件上编写代码,我可以捕获被按下的两个键,但只有在按下键时才能激活透明效果.当它们被释放时,不透明度应该回到100%.我想要的行为实际上是KeyDown事件,但我无法捕获KeyDown上的两个键,可以吗？

谢谢

Popup popUpControl = new Popup();

popUpControl.PlacementTarget = this; 
popUpControl.StaysOpen = true;
popUpControl.Child = new MyUserControl(); /// my user control 
popUpControl.Opacity = 0.5; // this code has no effect in the appearance of the popup
popUpControl.IsOpen = true;

怎么做？

我会切入正确的观点.这是输出:

(现在是一些可选代码 - 只有在您真正想要时才读取;))

这是标记:

<a href="/" id="logo_wrapper">
    <span class="logo logo_normal"></span>
    <span class="logo logo_hover"></span>
</a>

这是CSS(仅限于相关内容,为了您的阅读乐趣):

#logo_wrapper {
  position:relative;
}
#logo_wrapper .logo {
  display:block;
  width:260px;
  height:80px;
  background-image:url(logo.png);
  position:absolute;
}
#logo_wrapper .logo_normal {
  background-position:0 0;
}
#logo_wrapper .logo_normal:hover {
  opacity:0;
  filter:alpha(opacity=0);
}
#logo_wrapper .logo_hover {
  background-position:0 -80px;
  opacity:0;
  filter:alpha(opacity=0);
}
#logo_wrapper .logo_hover:hover {
  opacity:1;
  filter:alpha(opacity=100); /* THIS IS THE OFFENDER! */
}

只是为了澄清:我知道我可以单独使用span,只是background-position在悬停时切换徽标,但完整的CSS为真正的浏览器提供了可爱的CSS3过渡,不应该上下滚动徽标.

好的,所以,它是一个32位颜色深度的PNG,当然还有透明度.当我完全不使用alpha过滤器时,IE8中的一切都很好filter:alpha(opacity=0).但是,如果将不透明度设置为100,仅仅使用滤镜会导致IE8变得疯狂并使所有不完全透明的像素100%不透明.并不是说这个特殊的图像在这种效果下看起来很糟糕,但它仍然很烦人:D.

现在,我很清楚IE8因透明的PNG问题而臭名昭着,其中的问题可追溯到IE6及其透明区域的可怕的纯青色填充.可以通过一些IE行为修复黑魔法.

关于IE8可以做些什么？

所以,我有这个#welcome运行此代码的div

if ($.cookie('20120129') != '1') {
    $('#welcome').slideDown('slow');
    $.cookie('20120129', '1', { expires: 20 }); 
}

#welcome{
  position: absolute; z-index:100;
  background: #fff; color: #000;
  border: 1px solid black;
  display: none;
  width: 1000px;
  margin: 0 auto;
}
#welcome p{padding: 100px;}

我想知道如何#welcome在页面和页面之间设置50%的opicity,比如thickbox/colorbox ...

我只希望我的导航栏按钮可见,而横跨整个页面的实际条形图具有完全不透明度.每当我更改导航栏的不透明度时,它都会影响其中的类,即使我指定这些类没有不透明度.

我发布了一张我想要复制的图片.如您所见,链接显示为完整,但导航栏不可见,允许显示完整的背景图像.它可能看起来像一个坚固的红色条,但我向你保证它是一个看不见的导航栏.

任何帮助将非常感激!谢谢.

这是我的导航栏HTML代码:

<div class="custom_nav">
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </a>
                <a class="brand" href="index.html">Homegrown</a>
            <div class="nav-collapse">
                <ul class="nav nav-pills">
                    <li class="active"><a href="index.html">Home</a></li>
                    <li><a href="index.html">About</a></li>
                    <li><a href="index.html">Contact</a></li>
                </ul><!-- /.nav -->
            </div><!--/.nav-collapse -->
            </div><!-- /.container -->
        </div><!-- /.navbar-inner -->
    </div><!-- /.navbar -->
</div><!--/.custom_nav-->

到目前为止,我已尝试使用以下内容编辑我的CSS:

ul .nav .nav-pills {background:rgba(255,255,255,0.5)}

.custom_nav {
    .navbar.navbar-fixed-top {
        background:rgba(255,255,255,.5);
    }
    .navbar .nav > .active a, .navbar .nav > .active a:hover, .navbar .nav > li …

我有这样的结构:

<div class="abc">
  <ul>
    <li>something</li>
    ...
  </ul>
</div>

我需要在abcdiv 上应用不透明度选项.如果我这样做,它可以工作,但内部文本<ul>具有不透明度,因为abcDIV =>文本输入<ul>更轻.

是否有任何方法可以应用于opacityDIV(其背景),但不适用于DIV内容？

谢谢

在网页上设置不透明度时,我遇到了一个非常奇怪的问题.具有不透明度的元素会遮挡页面上的其他元素.这种情况发生在Safari,Chrome和Firefox中.在IE7和8中忽略不透明度.未在IE9上测试.

小提琴

<style>
   #content { opacity: .92; background: #dfd; height: 300px;}
   #sidebar { width: 200px; float: right; background: #fdd; height: 200px; }
</style>
<div id="sidebar"></div>
<div id="content"></div>

删除不透明度可恢复预期的行为.另一种可能的解决方法是使用rgba背景值而不是不透明度.

有人遇到过这种情况么？如果是这样,你是如何解决的？

我真诚地希望你能在这里帮助我.我在自己的应用程序中使用了几个svg图像.稍后,我将添加一项功能,以减少所有svg元素的不透明度.虽然这在使用本机svg元素时是一项微不足道的任务,但它似乎不在图像标记内工作.

这是一个例子:http://jsbin.com/iGAnaVi/1/edit

如您所见,当我将不透明度应用于组元素时,文本标记受到影响,但是,图像标记不是.我知道.svg文件在查看时只是本机svg元素.但是,我仍然宁愿将不透明度降低到单个图像标签.这可能吗？

非常感谢你提前!

我订阅了wpf窗口的Loaded事件:Loaded += loaded;并尝试更改后面代码中某些控件的不透明度.
我注意到在方法loaded中控件还没有被wpf绘制.因此代码没有效果,控件的呈现仅在退出方法后才会发生.

1)是否有其他事件,例如Rendered我可以订阅？

编辑:我刚刚发现有一个OnContentRendered事件和以下代码工作:
虽然动画可能是首选.

protected override void OnContentRendered(EventArgs e)
{
   base.OnContentRendered(e);
   for (int i = 0; i < 100; i++)
   {
       Parentpanel.Opacity += 0.01;
       Splashscreen.Opacity -= 0.01;
       Dispatcher.Invoke(new Action(() => { }), DispatcherPriority.ContextIdle, null);
       Thread.Sleep(50);
   }
}

否则,我可能不得不使用一个动画,将usercontrol1的不透明度从0.1更改为1.0,将usercontrol2的不透明度从1.0更改为0.0.

2)你知道这样一个动画的例子吗？

我有以下代码,以使背景图像变暗.一个带有背景图像的div然后是一个div,里面用透明度填充背景颜色

<div class="slide">
  <div class="slide-overlay">
    <div class="slide-content">
      <h1>Blah blah content</h1>
    </div>
   </div>
</div>

而且我这样造型

.slide
    background-image: url('/assets/img/bg-cover.jpg')
    background-size: cover
.slide-overlay
    background-color: rgba(0, 0, 0, .2)

有谁知道更优雅的解决方案？