标签: opacity

众所周知,子元素现在不能覆盖opacity其父元素的属性.opacity父项的属性始终生效.

当孩子试图改写(用较小的值覆盖)父亲的不透明度时,这是有意义的.但是,如果孩子试图用更大的价值覆盖它呢？不应该被允许吗？为什么半透明的父母不能有一个不透明的孩子？任何人都可以分享为什么这样的限制被确定为CSS设计的一部分的想法？

如果有人能够阐明理论上的原因,我将非常感激.我基本上试图找出原因 - 不能解决这个问题(不是解决方法;因为已经讨论了很多次).我相信这是很多像我这样的新手想知道的东西.

是否可以调整文本阴影的不透明度,而不是文本本身？

我有紫色的文字和蓝色的阴影.我想让蓝色阴影具有不透明度,而不会在紫色上丢失任何东西.

h1.blue {text-shadow: 3px 3px 0px #3f6ba9;}

有没有办法以跨浏览器兼容的方式实现这种效果,而无需准备分离的图像？

基本上文本所在的框架具有50%不透明度的白色叠加..我想要一个除了背景之外不涉及创建任何其他图像的解决方案但我不知道它是否可能!

我有两个div,都有0.6不透明度.我需要它们重叠但保持不透明度而不是创建新的组合不透明度级别.我无法使用图像.

编辑 - 小圆圈应该有一个画布元素.不确定伪元素是否是最佳解决方案.

无论如何用CSS做这个,或者我应该只使用画布？

示例 -

http://dabblet.com/gist/1566209

HTML:

<div id="foo">
    <div id="bar">
    </div>
</div>

CSS:

/**
 * Double Opacity
 */
body{background:green;}

#foo{
height:150px;
width:250px;
background:rgba(0, 0, 0, 0.6);
position:absolute;
left:40%;
top:20%;
}

#bar{
height:40px;
width:40px;
background:rgba(0, 0, 0, 0.6);
border-radius:40px;
position:absolute;
top:-15px;
left:-15px;
}

我只希望我的div中的白色背景颜色半透明大约50%.内容应该是完全不透明的.这样做的正确方法是什么？我想象当我查看背景CSS属性时,我会找到一个不透明度设置,但没有.不关心IE6.

更新:使用下面给出的rgba解决方案与 CSS3PIE的解决方案一起解决,以使rgba在IE浏览器中运行.

我有一个位图:

Bitmap bitmap = BitmapFactory.decodeFile("some/arbitrary/path/image.jpg");

但我不打算向用户显示图像.我希望alpha为100(满分为255).如果这不可能,我可以设置不透明度Bitmap吗？

我想使用CSS为图像赋予圆形不透明度.

我知道我可以在这样的图像上实现不透明度:

.circle img {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

我知道我可以实现这样的圆形图像:

.circle {
    border-radius: 50%;
    display: inline-block;
}
.circle img {
    border-radius: 50%;
    display: block;
}

我想以某种方式合并上面的两件事并仅对图像的边缘应用不透明度,因此图像的中心几乎不会从不透明度标签中获取任何内容.我搜索了几个小时但什么也没找到.

没有不透明度:http://jsfiddle.net/8w6szf84/47

不透明度:http://jsfiddle.net/8w6szf84/48/ - >不透明度差,只想边缘消失...

我需要在这上面使用Javascript吗？有什么建议？

Grid在WPF中设置不透明度时,所有子元素似乎都会继承它Opacity.如何让子元素不继承父元素的不透明度？

例如,以下父网格中间有一个子网格,背景设置为红色,但由于父级的不透明度,背景显示为粉红色.我希望子网格具有纯色,不透明的背景:

<Grid x:Name="LayoutRoot">

  <Grid Background="Black" Opacity="0.5">
    <Grid.RowDefinitions>
      <RowDefinition Height="0.333*"/>
      <RowDefinition Height="0.333*"/>
      <RowDefinition Height="0.333*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="0.333*"/>
      <ColumnDefinition Width="0.333*"/>
      <ColumnDefinition Width="0.333*"/>
    </Grid.ColumnDefinitions>

    <-- how do you make this child grid's background solid red
        and not inherit the Opacity/Transparency of the parent grid? -->
    <Grid Grid.Column="1" Grid.Row="1" Background="Red"/>
  </Grid>

</Grid>

如何检查元素的不透明度是否为0,然后在jQuery中执行某些操作？

我有一个带有文本块的div元素和一个父div,我在其中设置了一个背景图像.现在我想减少背景图像的不透明度.请建议我如何做到这一点.

提前致谢.

编辑:

我希望通过编辑html内容来改变我的博客文章对blogger.com的看法.html代码如下所示:

<div>
 //my blog post
</div>

我尝试用div元素包围上面的整个代码,并分别设置每个div的不透明度,如下所示:

<div style="background-image:url("image.jpg"); opacity:0.5;">
<div style="opacity:1;">
 //my blog post
</div>
</div>

但它没有用.