2011-03-22 91 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