Question

box-shadow如何让一个div内的多边形呈现阴影

<div class="sold_mark"></div>
.sold_mark {
display: inline;
width: 36px;
height: 48px;
background: url(../img/sold_mark.png) no-repeat scroll 0px 0px transparent;
box-shadow:2px 2px 10px grey;
}

这样只有div(长方形)的阴影，这个图片是一个梯形，如何让梯形的边有阴影而不是div这个长方型的边

Answer 1

你可以把图片用img方式插入，而不用background做背景，这样就可以直接给img标签加box-shadow:2px 2px 10px grey;

要不然，就把div处理成图片一样的多边形，再加box-shadow:2px 2px 10px grey;

做多边形，，你百度css3 多边形，可以找到有。