ホバーDIV、囲まれたDIVに影を与える

Question

はセットアップです：http://jsfiddle.net/AndyMP/rVrjY/

私が達成したい私は大きなDIVを置くと、小さいDIVに影です。これは可能ですか？それはCSSで行うことができますか、それともjqueryの解決策ですか？ box-shadowは、古いブラウザではサポートされない場合があり、およびホバーイベントがそれをサポートしないデバイスでは動作しないこと

.one:hover .two { 
    box-shadow: 3px 3px #f00; 
} 

注...：

Answer 1

私はあなたが探している影のどのようなわからないんだけど、発想は単純です：

.one:hover .two { 
     /* put your css here */ 
     box-shadow: 2px 2px 5px #888; 
    } 

：それはそれは大きなdiv要素が推移している時に作業するために内部でこのセレクタを使用し、効果を入れて例：http://jsfiddle.net/rVrjY/1/

Answer 2

確かに、ちょうどこのようなルールを追加しかし、うまくいけば、これはあなたが行く必要があるところにあなたを得る出発点です。もちろん

Answer 3

、ちょうど使用：

​.one:hover .two { 
    box-shadow: 2px 2px 5px #f90; 
}​ 

JS Fiddle demo。