2011-03-22 4 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); 
} 

내가 파이어 폭스 & 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 그림자 어떻게 든 "마스크"에있을 것이다 그라디언트 없습니다 배경 바로 아래에 ... –

+0

@jiewmeng : 그것은 'A'가 RGBA에있는 것입니다. 반투명을 제공하는 알파 채널입니다. 이것이 그가 사용하려고하는 효과이지만 PIE는이를 지원하지 않으므로 RGB 값을 사용하고 A를 무시하면 문제가 발생합니다. – Spudley