2011-03-22 98 views
5

我注意到,与CSS像PIE CSS:RGBA背景+盒子阴影

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背景显示的盒子阴影?

回答

5

对你来说坏消息:它看起来不像是有效的。

按照CSS3Pie网站,它支持RGBA颜色,但是......

目前,所有颜色停止呈现完全不透明,即使指定的RGBA颜色值。这是由于VML的线性渐变语法的限制,它不允许为单个色块设置不透明度。

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

他们也有一票记录吧:https://github.com/lojjic/PIE/issues#issue/7

+0

呃,它没有实际的梯度,这给实际工作,PIE将不得不以某种方式“面具”的影子直接在背景下...... – 2011-03-22 14:59:02

+0

@jiewmeng:这就是RGBA中的'A' - 这是Alpha chanel,它提供了半透明。这是他试图使用的效果,但PIE不支持它,所以它只是使用RGB值并忽略A,这是造成他的问题的原因。 – Spudley 2011-03-22 16:03:45