CSS3 Border-radius和Box-shadow有奇怪的角落

Question

我想制作一个Border-radius和Box-shadow的组合，效果很好。但当我看到角落时，有一些缺失的像素（透明）。我无法弄清楚如何删除它，所以它看起来好像两个阴影是一个。

您可能需要放大以查看错误！

我正在使用Mozilla Firefox 36.0.1，它在Internet Explorer 11中看起来一样。

以下是一个示例：http://jsfiddle.net/DannyThillemann/egs9umhn/

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: inset 0px 0px 2px 2px #888888, 0px 0px 2px 2px #888888;

Answer 1

出现此问题是因为css inset属性，如果删除插入内容，则不会发现问题。

ex：box-shadow：0px 0px 2px 2px＃888888,0px 0px 2px 2px＃888888;