透明/不透明度背景代码与所有浏览器兼容？

Question

我正在创建一个包含输入字段元素的网页。输入字段元素位于div的背景为蓝色的内部。我希望输入字段为白色，但也是透明的，以便div中蓝色背景的一部分可见。我也想在该领域的白色文本。如何在CSS中对此进行编码以使其与所有浏览器兼容？

Answer 1

我并不完全清楚您希望支持哪些浏览器 - 如果您只是指所有现代浏览器，那么您不会特别关注兼容性 - 但无论如何：

background-color: transparent;应该可以在任何地方使用。

如果您希望整个元素部分不透明，那么您可以将filter用于IE8，将opacity用于其他所有元素，如here所示。

如果您希望能够将background-color（或任何其他颜色）设置为部分不透明度颜色，则可以使用rgba，例如：color: rgba(255,0,0,0.5);。更多信息+支持表here。剧透：它在IE8中不起作用。