CSS - 盒子阴影技巧？

Question

我在div上面有一个元素，它被设计成椭圆形。 我想在这个div以及椭圆形元素上创建一个阴影 但我希望椭圆形元素上的阴影低于div。 我在div和椭圆中使用box-shadow。 我不知道是否有一个代码来裁剪阴影上的某个部分，以便我可以满足请求xD 图层序列可以是div-shadow，oval-shadow，div，oval。 作为参考，您可以查看下面的链接。 http://jsfiddle.net/P4NKg/

Answer 1

你可以简单地使用：

position:relative;/* this is what it was meant for on the first place move at screen element  */
top:15px;/*to tune with radius value */

<强> EXAMPLE

视觉错误的替代方案是：

box-shadow : 0px 15px white,/*to tune with radius value */
        0px 25px RGB(5, 80, 150);/*add tuning to width expected  */