有没有办法只在底部放下阴影?我有一个菜单,旁边有两张图片.我不想要一个正确的阴影,因为它与正确的图像重叠.我不喜欢使用图像,所以有没有办法将它放在底部,如:
box-shadow-bottom: 10px #FFF; 或者类似的?
-moz-box-shadow: 0px 3px 3px #000;
-webkit-box-shadow: 0px 3px 3px #000;
box-shadow-bottom: 5px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
Run Code Online (Sandbox Code Playgroud) 可能重复:
仅投影底部css3
我找不到任何如何执行此操作的示例,但如何仅在元素的顶部和底部添加框阴影?
如何使用纯CSS制作类似下面的阴影效果?

我是CSS的新手.以下是我到目前为止所尝试的内容,但我无法接近我想要的内容.请告诉我如何让它看起来像图像中的阴影?谢谢!
box-shadow: 1px 1px 5px #999999 inset
Run Code Online (Sandbox Code Playgroud)