CSS3 상자 그림자 + ​​삽입 + RGBA

Question

내가 CSS3의 새로운 기능 몇 가지 테스트를하고 있어요

하지만이 조합은 사파리 나 오페라에서 크롬과 파이어 폭스의 최신 버전에서 작동하지만,하지 :

box-shadow:   inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5); 
-webkit-box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5); 
-moz-box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5); 

상자 그림자, 삽입 매개 변수 또는 RGBA 색상에서 오류가 발생하는지 여부는 실제로 알 수 없습니다. 구문 오류이거나 단순히 Safari와 Opera에서이 점이 부족합니다.

Answer 1

inset 키워드는 Safari 4에서는 지원되지 않지만 Safari 5 및 Opera 10.5에서는 지원됩니다. 각 버전의 최신 버전을 사용하고 있는지 확인하십시오. 이 웹 프로그래머 도움이 될

• https://developer.mozilla.org/En/CSS/-moz-box-shadow#Browser_compatibility
• http://dev.opera.com/articles/view/css3-border-background-boxshadow/#box-shadow

Answer 2

:

소스 opera box-shadow bug, 그러나 희망 브라우저 개발자도 그것을 알이 작지만 불쾌한 문제를 해결합니다.