什麼透明/不透明背景代碼與所有瀏覽器兼容？

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中不起作用。