标签: opacity

我正在尝试使用简单创建一个buttonbar <div>并将其不透明度更改为50%并给出背景

但是这个部门内部的元素与父母一样具有相同的透明度<div>.我希望他们保持100%的不透明度.(这是不可能的).如何使这成为可能？

我想要做的一个示例CSS就是这个

<style>    
    #bar { background:#09f;opacity:0.5; }
    #bar a { background:#FF0;opacity:1; }
</style>
<div id="bar">
    <a href="#">Home</a>
    <a href="#">Contact</a>
    <a href="#">Feedback</a> 
</div>

如何创建仅其背景透明的菜单？文字应保持不透明(不透明度:1)

如果我订

li:hover {
    opacity: 0.5
}

整个列表项变得透明.我该如何解决这个问题？

我想这样做,所以我的笔可以是一个荧光笔,所以基本上改变它的不透明度,但我不知道如何做到这一点.我目前使用colordialog来允许使用选择所需的颜色,但这只允许我使用不够透明的颜色来透视它,就像powerpoint上的荧光笔工具一样,作为工具不透明度的一个例子.所以任何代码都允许我将colordialog的使用与不透明度集成,以便能够透视它.

谢谢

我已将页面中的博客文本设置为不透明度0,因此在使用此代码加载页面时,它会淡入到不透明度1.

$(document).ready(function(){
    $('.entry').animate({opacity:1},700);
});

文本仅在chrome上淡入,在firefox中文本已设置为opactiy 1,没有可见的淡入淡出效果.我试图将代码放在页脚中,但在页面加载时文本仍然可见.我知道对于IE我必须使用过滤器.

我有动态评论列表:

<div class="comment">
  <div class="commentact">
    Test1
  </div>
</div>
<div class="comment">
  <div class="commentact">
    Test2
  </div>
</div>
<div class="comment">
  <div class="commentact">
    Test3
  </div>
</div>?

现在我需要当用户悬停每个div class='comment'节目div class='commentact'时opacity 0.

我有这个jquery函数:(我设置div commentact默认为不透明度0.2)

$(".commentact").css('opacity','0.2');

$(document).ready(function(){

   $(".comment").hover(function() {
      $(".commentact").stop().animate({ opacity: 1 });
   }, function() {
      $(".commentact").stop().animate({ opacity: 0.2 }); 
   });

});?

现在当我悬停comment div显示所有commentact div不透明度为0时,有什么问题!怎么解决这个问题？演示

我有一个矩形的LinearLayout,它有一些边距,一些圆角和一个0.3的alpha值.在这个布局中,我有4种不同的布局,因为我在不同的位置显示不同的图像.

我的问题是虽然主要布局是0.3,但我希望我的孩子完全可见,或者不受它的父母alpha影响,我想知道我怎么能请那样做呢？我尝试在子布局上设置alpha = 1,但它不起作用.将它设置为0确实会使子布局消失,所以看起来我可以减少到0.3以下,但不能超过父级.这是一个错误还是我做错了？

谢谢.

/**
 * @param bitmap
 *            The source bitmap.
 * @param opacity
 *            a value between 0 (completely transparent) and 255 (completely
 *            opaque).
 * @return The opacity-adjusted bitmap. If the source bitmap is mutable it
 *         will be adjusted and returned, otherwise a new bitmap is created.
 *         Source : http://stackoverflow.com/questions/7392062/android-
 *         semitransparent-bitmap-background-is-black/14858913#14858913
 */
private Bitmap adjustOpacity(Bitmap bitmap, int opacity) {
    Bitmap mutableBitmap = bitmap.isMutable() ? bitmap : bitmap.copy(Bitmap.Config.ARGB_8888, true);
    Canvas canvas = new Canvas(mutableBitmap);
    int colour = (opacity & …

所以我有一个内部带有图像的div,我希望以0.7不透明度开始,并在悬停时更改为1,但我遇到一个明显的错误,即图像移动1px或小1px(我无法确定当我在悬停时改变不透明度时.
这显然是一个已知的错误,但其他问题中的修复都没有对我有用.我试过设置背面可见性:隐藏; 并进行转换,但错误仍然存​​在.

这个bug有什么新的解决方案吗？

.collapse img { 
    width: 100%;
    margin-top: -90px; 
    margin-left: 75px;
    opacity: 0.7; 
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    border:none;
} 
.collapse:hover img {
    width: 100%; 
    opacity: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0); 
    border:none;
}

谢谢,亚当

编辑 - JS小提琴 - http://jsfiddle.net/wfe70gd1/6/

这里可以看到实例(图表右下方) - http://mmdoc.ajhtestserver.com/decks/1/

它似乎只在Firefox中发生

给定一个图像,有没有办法使用CSS软化边缘？或者通过一些js库(虽然css会更受欢迎)？这个想法是图像的边缘应该模糊成透明度,因此它们更适合背景.

示例,原始图像:

边缘柔和的图像:

在stackoverflow上有许多类似的问题,但是没有(我能找到)提供答案来做到这一点.大多数情况下,他们关心的是模糊整个图像,或者在图像上设置半透明边框,这些都不是我想要的.

这是关于如何处理重叠元素的不透明度并使用JS解决方案在悬停时使其保持一致的问答.

需求

要求是开发两个透明和重叠的元素,如下面的两个红色框.这些必须是透明的,以便可见背景内容.

现在,当悬停在任何这些元素上时,特定元素应该变为不透明,如下所示.