如何在瀏覽器中呈現CSS屬性「不透明」（IE，Chrome，Firefox，Opera）？

我注意到，應用「淡入淡出」效果時，模態對話框會有顏色變化。所以，想知道，CSS屬性「opacity」在瀏覽器中呈現的究竟是多少？如何在瀏覽器中呈現CSS屬性「不透明」（IE，Chrome，Firefox，Opera）？

任何人都可以請解釋一下，不同的瀏覽器呈現CSS不透明度嗎？

在此先感謝。

2013-03-28 Ashis

在舊的Internet Explorer瀏覽器..不透明度呈現爲沒有！ – shnisaka 2013-03-28 07:02:42

較舊的IE（<= 8）將使用過濾器而不是不透明。 – 2013-03-28 07:03:53

@IgorJerosimić，謝謝你的回覆。但我想知道如何瀏覽器CSS渲染引擎適用於CSS屬性「不透明度」。 – Ashis 2013-03-28 07:09:38

不透明度與像素值，基於不透明度值與體重年齡背後的平均操作來完成。

例如，如果您有10, 10

像素

R: 200, G: 220, B: 100而你要渲染的150, 120, 100和opacity: 0.5在其背景顏色的元素，得到的像素顏色將被計算爲：

opacity = 0.5 

R = 200 * (1-opacity) + 150 * opacity 
G = 220 * (1-opacity) + 120 * opacity 
B = 100 * (1-opacity) + 100 * opacity

上述計算將爲半透明元件翻倒所有像素執行（在硬件級別可能）。

2013-03-28 07:22:26 techfoobar

我不確切知道瀏覽器如何呈現它..但我知道具有不透明屬性的所有元素都會受到影響。

希望這可以幫助你。

2013-03-28 07:20:03

回答