2011-01-15 6 views
0

요소에 차가운 그림자 효과와 관련하여 net.tutsplus.com의 technique shown을 적용했습니다.li 요소에 그림자가 나타나지 않음

이제 어떤 이유로 모든 요소가 순차적으로 페이지에 표시된 후에 적절한 그림자가 표시되지 않습니다. 그들은 완전히 숨겨져 있습니다.

그러나 순차적으로 나타나기 때문에 그림자에 주목할 수 있습니다.

누군가가 문제를 파악하는 데 도움을 줄 수 있다면 환상적 일 것입니다.

문제가 here으로 표시 될 수 있습니다.

+0

나를 위해 잘 작동하고 있습니다 ... – coreyward

+0

Chrome에서 작동하는 것으로 보입니다. 편집 - 그림자를 표시하는 데 사용하는 메소드는 브라우저 간 호환이 불가능합니다. – Naatan

+0

정말요? 그럼, 각 "타일"의 오른쪽에서 약간의 그림자가 생깁니 까? 나는 그것이 차이를 만드는 경우 Mac에있어. – Qcom

답변

1

Chrome, Firefox 및 Safari에서 그림자가 작동합니다. 이 모든 브라우저에 올바른 CSS 요소를 사용하고 있습니다. 그러나 CSS3 그림자 요소를 지원하지 않는 모든 브라우저 (예 : Internet Explorer)는이 효과를 표시 할 수 없습니다.

내포 된 <div>background-image 또는 JavaScript를 사용하여 그림자가 교차 브라우저에서 작동하도록하는 다른 방법이 있습니다. 나는 이것을 달성하는 많은 jQuery 플러그인이 있다는 것을 알고있다. 그림자가 당신에게 얼마나 중요한지 다 내려집니다.

+0

도움을 주셔서 감사합니다! 하지만 Snow Leopard를 실행하는 Mac에서는 Chrome, Firefox 및 Safari에 그림자가 제대로 표시되지 않습니다. – Qcom

관련 문제