标签: opacity

我想为父级应用不透明度,但我不希望子元素继承此不透明度.

<div class="parent">
 <div class="child"></div>
</div>

.parent {
  opacity: 0.6;
}

有没有办法"取消"继承的不透明度？也许强迫它opacity=1为儿童元素？

我知道有一个功能,QWidget::setWindowOpacity(qreal level)但正如文档中所写,这只适用于Windows.

有没有办法让布局内部的小部件也不透明？

我正在尝试做的是一个动画,其中小部件正在消失.我曾经使用偏好对话框进行了操作.

那么你认为有一种方法或解决办法来实现布局内的小部件的不透明度吗？你会怎么做？

提前致谢!

我有一个带有0不透明度背景的div #test,我想要动画它直到达到0.7的不透明度.但.animate似乎不适用于css rgba.

我的css是:

#test {
    background-color: rgba(0, 0, 0, 0);
}

我的HTML:

<div id="test">
    <p>Some text</p>
    <img src="http://davidrhysthomas.co.uk/img/dexter.png" />
</div>

和我的jQuery:

$('#test').animate({ background-color: rgba(0, 0, 0, 0.7) },1000);

这里有一个jsFiddle:http://jsfiddle.net/malamine_kebe/7twXW/10/

非常感谢你的帮助!

嗨,我想绑定两个div的CSS不透明度与该元素的滚动量.

比如说我有两个div:

<div class="red" style="background:red"></div>
<div class="blue" style="background:blue"></div>

当红色div进入视口时,其不透明度从0到100 - 取决于滚动的数量.

同样,当蓝色div进入视口时,其不透明度从100变为0,具体取决于滚动的数量.

我发现这个带滚动的Jquery/Javascript Opacity动画 -

    var fadeStart=100 // 100px scroll or less will equiv to 1 opacity
    ,fadeUntil=200 // 200px scroll or more will equiv to 0 opacity
    ,fading = $('#fading')
;

$(window).bind('scroll', function(){
    var offset = $(document).scrollTop()
        ,opacity=0
    ;
    if( offset<=fadeStart ){
        opacity=1;
    }else if( offset<=fadeUntil ){
        opacity=1-offset/fadeUntil;
    }
    fading.css('opacity',opacity).html(opacity);
});

但是滚动量是绑定文档高度,而​​不是div本身.

这是一个从http://jsfiddle.net/RPmw9/工作的jsfiddle

提前致谢.

在任何地方建议调整图像的正常方法是改变它的不透明度属性并在其下显示一些黑暗.但是,我的图像具有透明度,并在白色背景上.因此,我希望将背景保持在图像的透明部分白色下,只使具有颜色的像素变暗.这可能在CSS(最好)或JS中做到吗？

编辑:示例图片http://imgur.com/a/Tat9f

示例图片:

使用web-tiki的响应方形网格布局我已经制作了一些带有背景图像和文本的响应方块,如下所示:

HTML:

<div class="square bg imgautumn1">
   <div class="content">
        <div class="table">
            <div class="table-cell months">
                VISIBLE TEXT
            </div>
        </div>
    </div>
</div>

CSS:

.square {
    float: left;
    position: relative;
    margin: 0.25%;
    width: 50%;
    padding-bottom : 50%; /* = width for a 1:1 aspect ratio */
    background-color: #1E1E1E;
    overflow: hidden;
}
.content {
    position: absolute;
    height: 90%; /* = 100% - 2*5% padding */
    width: 90%; /* = 100% - 2*5% padding */
    padding: 5%;
}
.table {
    display: table;
    width: 100%; …

有没有办法设置热键来改变终端或iTerm的不透明度？我通常使用低百分比的不透明度,能够快速打开和关闭会很好.

编辑:没有一些可定制性,Cmd + U基本上是相同的

嘿,我只有一个简单的Card Bootstrap 4组件.

<div class="card">
    <div class="card-header">This is my header</div>
    <div class="card-block">This is my block</div>
    <div class="card-footer">This is my footer</div>
</div>

我想要实现的是使页眉和页脚的不透明度为1,但不透明度为.4的块.我尝试在背景颜色风格中使用rbga而没有运气

.card-block { background-color: rgba(245, 245, 245, 0.4); }

我需要为TextView设置初始透明度,但我不知道该怎么做.在iPhone上,可以使用alpha属性轻松完成.我尝试使用AlphaAnimation设置alpha但没有好处它不起作用.它结束时只返回100%alpha.

AlphaAnimation anim = new AlphaAnimation(1, 0.2f);
anim.setDuration(5000);
textView.startAnimation(anim);

有什么想法吗？

我正在尝试为我的网页上的某个元素的不透明度实现一个jQuery滑块控件.

有点像这个问题,但有一个滑块.

我想知道我应该如何实现这一点,因为我有点迷失,因为我应该如何开始......

我猜一个函数不是最好的,不是吗？定义一个函数,然后为滑块调用它？

对于这个主题,滑块控件的jQuery文档对我来说有点过于复杂,但我相信你们中的一些人可以帮助澄清如何让这件事情发生!

对不起,问题有点模糊,但我不确定如何继续.