html - 父 div 背景的透明度

Question

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

我有一个透明白色的 div:

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

div 包含带圆 Angular 的文本字段，文本字段的背景颜色是否可以某种方式为负透明度数，以便 div 和文本字段的总不透明度等于 0.5？

这就像在已经透明的 div 的圆形记录中增加透明度。

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

1. 使父 dic 完全透明，并将 div 绘制为字段周围的框架。 (听起来很复杂。)
2. 在文本字段内再次添加 div 下面的内容。 (性能？)
3. 某种十字路口。

你觉得我应该怎么做？

-- 编辑 ---

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

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

Answer 1

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

或许，您可以将 div 背景设为 PNG 图像，而不是背景颜色，该图像带有两个与文本框重合的透明孔，但这是像您这样的解决方法...