如何在浏览器中呈现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

回答