父div背景的透明度

时间:2011-07-07 11:37:00

标签: html css transparency opacity

我想知道是否可能影响父div的bg颜色或不透明度。

我有一个透明白色的div:

background-color:rgba(255,255,255,0.9);

div包含带圆角的文本字段,文本字段背景颜色在某种程度上可以是负透明度数字,因此div和textfield的总不透明度等于0.5?

它就像已经透明的div的圆形rec中的mmore透明度。

我提出了3种可能的解决方案:

  1. 使父级dic完全透明,并将div作为字段周围的框架绘制。 (听起来很复杂。)
  2. 在文本字段内再次添加div下方的内容。 (性能?)
  3. 某种交集。
  4. 你认为我应该怎么做?

    - 编辑---

    我使用了解决方案#2的变体,我创建了一个png文件。这是(未经处理的)result(点击联系我们打开模态div)。很难看到,因为模糊,但窗户也是透明的。

    注意这远非最佳解决方案,因为我必须在更新其下方的内容时更新png。

3 个答案:

答案 0 :(得分:1)

如果我理解正确,您想在父div中打开一个窗口/洞。据我所知,你不能这样做,因为div在文本框后面,你应用的任何透明度都会导致div显示在框中,而不是内容在div

之后

也许,您可以使div背景成为带有两个与文本框重合的透明孔的PNG图像,而不是背景颜色,但这是一种像您一样的解决方法......

答案 1 :(得分:0)

据我所知,应用于外部div的透明度将适用于其中的所有内容。我不知道你想要在这里实现什么,也许你应该在jsfiddle上发布更多代码或模型。

这是我在这个主题上可以找到的:http://css-tricks.com/384-non-transparent-elements-inside-transparent-elements/

编辑:对于你的问题我会尝试(我不确定它是否会起作用)是遵循我之前发布的链接的类似解决方案。将两个分开的div一个放在另一个上面。我建议您在uper图层上使用透明输入的表单,也许可以为您做些什么?我不知道还告诉你什么,png解决方案不是最好的,但你可能需要在这里和那里使用png。

这样的事情可能是:http://jsfiddle.net/XnATc/21/

答案 2 :(得分:0)

Johannes Lund

是的,你应该使用png图像文件,否则十六进制颜色编码及其数学会非常复杂。