2011-03-22 2 views
5

は、私はそれがいることを修正することが可能であるとCSSPIE 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/を参照)

彼らはまた、チケットがそれのためにログインした:これはPIEは何とか「マスク」の影になります、実際に動作するためhttps://github.com/lojjic/PIE/issues#issue/7

+0

ERMを、その実際には、勾配ではありません背景のすぐ下に... –

+0

@jiewmeng:それはRGBAの中にあるものです。アルファのシャネルで半透明です。それが彼が使用しようとしている効果ですが、PIEはそれをサポートしていないので、RGB値を使用してAを無視しています。これが問題の原因です。 – Spudley