解决方法
您将使用伪元素和Box-shadow属性来执行此操作.我在这里为你做了一个例子：
http://jsfiddle.net/joshnh/NWnXw/
这在IE9及以上工作.
/* Shadow */
.shadow {
Box-shadow: 0 1px 5px hsla(0,0%,.25),inset 0 0 50px hsla(0,.05);
position: relative;
}
.shadow:after,.shadow:before {
bottom: 7px;
Box-shadow: 0 10px 15px hsla(0,.25);
content: '';
height: 50%;
left: 7px;
max-width: 300px;
position: absolute;
right: 7px;
z-index: -1;
-webkit-transform: skew(-15deg) rotate(-8deg);
-moz-transform: skew(-15deg) rotate(-6deg);
-ms-transform: skew(-15deg) rotate(-6deg);
-o-transform: skew(-15deg) rotate(-6deg);
transform: skew(-15deg) rotate(-6deg);
}
.shadow:after {
-webkit-transform: skew(15deg) rotate(8deg);
-moz-transform: skew(15deg) rotate(6deg);
-ms-transform: skew(15deg) rotate(6deg);
-o-transform: skew(15deg) rotate(6deg);
transform: skew(15deg) rotate(6deg);
}
