PIE CSS：rgba 背景 + 盒子阴影

【问题标题】：PIE CSS: rgba backgrounds + box shadowsPIE CSS：rgba 背景 + 盒子阴影
【发布时间】：2011-07-20 08:24:57
【问题描述】：

我注意到像 CSS 这样的

body {
    background: #f00;
}
div {
    background: rgba(255,255,255,0.4);
    -pie-background: rgba(255,255,255,0.4);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    padding: 50px;
    behavior: url(PIE.htc);
}

我将在 FireFox 和 IE/PIE 中获得以下信息

有可能解决这个问题吗？通过 rgba 背景显示的盒子阴影？

【问题讨论】：

标签： internet-explorer css css3pie

【解决方案1】：

对你来说是个坏消息：它看起来不起作用。

根据CSS3Pie网站，它支持RGBA颜色，但是...

目前所有的色标都是完全不透明的，即使指定了 rgba 颜色值。这是由于 VML 的线性渐变语法的限制，它不允许为单个色标设置不透明度。

（见http://css3pie.com/documentation/supported-css3-features/）

他们还记录了一张票：https://github.com/lojjic/PIE/issues#issue/7

【讨论】：

erm，它实际上不是渐变，为了让它真正起作用，PIE 必须以某种方式直接在背景下“掩盖”阴影......
@jiewmeng：这就是 RGBA 中的“A”——它是 Alpha chanel，它提供半透明。这就是他试图使用的效果，但是PIE不支持它，所以它只是使用RGB值而忽略了A，这就是导致他的问题的原因。