我想知道是否可能影响父div的bg颜色或不透明度。
我有一个透明白色的div:
background-color:rgba(255,255,255,0.9);
div包含带圆角的文本字段,文本字段背景颜色在某种程度上可以是负透明度数字,因此div和textfield的总不透明度等于0.5?
它就像已经透明的div的圆形rec中的mmore透明度。
我提出了3种可能的解决方案:
你认为我应该怎么做?
- 编辑---
我使用了解决方案#2的变体,我创建了一个png文件。这是(未经处理的)result(点击联系我们打开模态div)。很难看到,因为模糊,但窗户也是透明的。
注意这远非最佳解决方案,因为我必须在更新其下方的内容时更新png。
答案 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图像文件,否则十六进制颜色编码及其数学会非常复杂。