哈弗一個DIV，給封閉的DIV陰影

Question

這裏的設置：http://jsfiddle.net/AndyMP/rVrjY/

我想達成的目標是，當我將鼠標懸停在較大DIV小DIV陰影。這可能嗎？它可以用CSS來完成，還是它是一個jQuery解決方案？

Answer 1

我不知道你在找什麼樣的陰影的，但這個想法很簡單：使用這個選擇，把你的效果裏面，使其工作時更大的div懸停：

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

例如：http://jsfiddle.net/rVrjY/1/

Answer 2

當然，只需添加一個規則是這樣的：

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

注意box-shadow可能無法在舊的瀏覽器的支持，並懸停事件將不會在不支持它的設備工作...但希望這是一個起點，讓你到達需要去的地方。

Answer 3

當然，只需使用：

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

JS Fiddle demo。