Chrome中的box-shadow和border-radius错误

Question

我一直在试验CSS3并发现了一些奇怪的东西.Heres是DIV风格的一部分:

border:#446429 solid 1px;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
box-shadow:3px 0px 15px #000000 inset,0px 3px 15px #000000 inset;
-moz-box-shadow:3px 0px 15px #000000 inset,0px 3px 15px #000000 inset;
-webkit-box-shadow:3px 0px 15px #000000 inset,0px 3px 15px #000000 inset;

Opera和Firefox中的渲染是完全相同的:

替代文字http://i47.tinypic.com/j8egp5.png

但Chrome会在边框外呈现阴影:

alt text http://i45.tinypic.com/5doykw.png

是应该是这样还是我错过了重要的事情？

Answer 1

它看起来像一个已知的bug:

http://code.google.com/p/chromium/issues/detail?id=29427

查看错误讨论,您可以找到解决方法.如果你想让它更快修复,肯定明星这个bug!

Answer 2

首先放入与背景颜色相同的嵌入阴影似乎工作得很好,而不会在页面上添加额外的标记.

例如,如果你有一个白色背景页面:

-webkit-box-shadow:1px 1px 1px #fff inset,0px 0px 5px #333 inset;