CSS의 Skew/Shadow/Hover-over 버그?

Question

<li> 요소 (CSS3 변환에서 비뚤어진) 및 그림자가 적용된 경우 생성되는 그림자가 올바르게 렌더링되지 않는 문제가 있습니다. 여기에서 직접 문제를 보는 것이 더 나을 것입니다. - http://jsfiddle.net/mabbage/BLD5Z/1/

이 문제는 웹킷 브라우저 (Chrome 및 Safari)에만 국한된 것으로 보입니다. 누구든지 이것에 대한 해결책을 알고 있습니까?

네가 nav 객체의 그림자를 제거하면 주위를 둘러 볼 때 발견 한 한 가지 점은이 전체적인 문제가 사라진다는 것입니다 (단, 전체 목록 뒤에 그림자가 있음).

Answer 1

유일한 해결책은 PNG 이미지를 사용하여 <li> 요소의 스타일을 지정하고 그 뒤에 그림자를 적용하는 것입니다. 나는 웹킷 브라우저에서 CSS3 버그로이 문제를 해결할 것이다.