Bootstrap 图像圆圈内阴影

如何向引导“图像圆”添加内部阴影？

jsfiddle http://jsfiddle.net/52VtD/1923/

这不行..

.box-shad {
  box-shadow: 0 10px 20px #777 inset, 0 0 200px #000 inset, 0 0 150px #000 inset, 0 0 100px #000 inset;
}

<img class="img-circle box-shad" alt="" src="http://placehold.it/140x140"><img class="img-circle box-shad" alt="" src="http://placehold.it/140x140">

感谢您的任何想法。

解决方案：

将框阴影放在圆形 div 上，并将背景图像设置为图像，而不是使用图像。

你可以尝试这样的事情：

.box-shad {
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}

Demo: http://jsfiddle.net/52VtD/1926/ http://jsfiddle.net/52VtD/1926/

UPDATE

我认为不可能设置内部阴影，因为它是图像；您也可以绘制圆圈而不是使用图像，这样您就可以设置内部阴影。

Code:

.box-shad {
    -webkit-box-shadow: inset 0 0 4px #000;
    -moz-box-shadow: inset 0 0 4px #000;
    box-shadow: inset 0 0 4px #000;
}
.circle {
    width: 140px;
    height: 140px;
    display: inline-block;
    border-radius: 50%;
    background-color: #aaa;
}

Demo: http://jsfiddle.net/52VtD/1943/ http://jsfiddle.net/52VtD/1943/