css如何实现HTML的div块在鼠标悬浮时出现底部阴影？

Answer 1

.boxShadow {     -webkit-box-shadow: #999 0px 0px 8px;     -moz-box-shadow: #999 0px 0px 8px;     box-shadow: #999 0px 0px 8px; }$("div").mouseover{   $(this).addClass(".boxShadow"); }.mouseout{   $(this).removeClass(".boxShadow); }当鼠标划上去的时候，给这个例子加上一个底部阴影的样式，移开时同时把此样式移开

Answer 2

border: 1px solid #696;padding: 60px 0;text-align: center; width: 200px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px;background: #EEFF99;behavior: url(/PIE.htc); 你试一下咯