PIE CSS: sfondi RGBA + box ombre

ho notato che con i CSS, comePIE CSS: sfondi RGBA + box ombre

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); 
}

mi metterò al di sotto in FireFox & IE/PIE

è possibile per risolvere questo ? l'ombra della scatola che mostra attraverso lo sfondo rgba?

fonte

2011-03-22 JM at Work

Cattive notizie per voi: non sembra che funzioni.

Secondo il sito web CSS3Pie, supporta i colori RGBA, ma ...

Attualmente tutte le interruzioni di colore sono resi completamente opaco, anche se si specifica un valore di colore RGBA. Ciò è dovuto a una limitazione della sintassi del gradiente lineare di VML che non consente l'impostazione dell'opacità per i singoli arresti del colore.

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

Essi hanno anche un biglietto registrato per esso: https://github.com/lojjic/PIE/issues#issue/7

fonte

2011-03-22 10:01:11 Spudley

ehm, non è in realtà sfumature, per questo lavoro in realtà, PIE dovrà in qualche modo "maschera" l'ombra direttamente sotto lo sfondo ... –

@jiewmeng: questo è ciò che la 'A' è in RGBA - è il chanel Alpha, che dà semitrasparenza. Questo è l'effetto che sta cercando di usare, ma PIE non lo supporta, quindi usa solo il valore RGB e ignora l'A, che è ciò che sta causando il suo problema. – Spudley

PIE CSS: sfondi RGBA + box ombre

risposta

Problemi correlati