0

次のタイル レイアウトに基づく: http://jsfiddle.net/bzCbh/7/

タイルの下に奥行きがあるように見えるように、クリックされていない要素にドロップ シャドウを追加するソリューションを誰かが提案できますか?

ありがとう

** 申し訳ありませんが、ここでの解決策は、ボックス シャドウのみを含むクラス ルールを現在のタイル レイヤーに追加することです。さらに: .layer .tile img { position: relative;} Position Relative は、ボックス シャドウが隣接する要素に重なるのを止めました。**

4

3 に答える 3

2

これは CSS で行うことができます。

.element{
   box-shadow:0 0 10px #999;
}

.element.clicked{
   box-shadow:0 0 0 #999
}

そしてJS：

$('.element').on('click', function(){
   $(this).addClass('clicked');
}

これは単純な CSS3 です...クロスブラウザーの互換性のために、ブラウザーの接頭辞を必ず含めてください。

于 2012-10-12T16:21:54.013 に答える
0

jQuery Shadow プラグインをチェックしてください http://syddev.com/jquery.shadow/

于 2012-10-12T16:15:26.793 に答える
0

サポートする必要があるブラウザーによっては、CSS3Box-Shadowプロパティを使用できます。

 .tile {
       -moz-box-shadow: 3px 3px 4px #000;
       -webkit-box-shadow: 3px 3px 4px #000;
        box-shadow: 3px 3px 4px #000;
       }
于 2012-10-12T16:20:24.347 に答える