2011-01-15 10 views
0

要素のクールなシャドー効果に関して、technique shownをnet.tutsplus.comに適用しています。li要素にドロップシャドウが表示されない

ここで何らかの理由で、すべての要素がページ上に順番に表示された後、適切な影がありません。彼らは完全に隠されています。

しかし、何らかの理由で、それらが順番に表示されているので、シャドウに気付くことができます。

誰かが問題の特定に役立つことがあれば、それは素晴らしいことでしょう。

問題が表示される可能性がありますhere

+0

私にとってはうまくいっています... – coreyward

+0

Chromeで動作するようです。編集 - シャドウを表示するために使用するメソッドはブラウザ間で互換性がありません。 – Naatan

+0

本当ですか?だから、それぞれの "タイル"の右側から少し落ちる影がありますか?私はそれが何か違いがあれば、Macにいる。 – Qcom

答えて

1

Chromeは、Chrome、Firefox、Safariでシャドウが動作しています。これらすべてのブラウザに正しいCSS要素を使用しています。ただし、CSS3シャドウ要素をサポートしていないブラウザ(Internet Explorerなど)では、この効果を表示できません。

ネストされた<div>background-imageまたはJavaScriptを使用して、クロスブラウザでシャドウを動作させる別の方法があります。私はこれを実現する多くのjQueryプラグインがあることを知っています。それはすべてあなたに影がどれほど重要かということになります。

+0

助けてくれてありがとう!しかし何らかの理由で、Snow Leopardを実行しているMacのChrome、Firefox、Safariに影が正しく表示されません。 – Qcom

関連する問題