Chrome中的框阴影和边框半径错误 [英] Box-shadow and border-radius bug in Chrome

问题描述

我一直在试验CSS3，发现了一些奇怪的东西。 Heres是DIV风格的一部分：

I've been experimenting with CSS3 and found something strange. Heres's the part of DIV style:

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中渲染是完全相同的：

Rendering in Opera and Firefox are same and perfect:

alt文字http://i47.tinypic.com/j8egp5.png

但Chrome在边框外呈现阴影：

But Chrome renders shadow outside the border:

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

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

Is it supposed to be so or I missed something important?

推荐答案

它看起来像一个已知的错误：

It looks like a known bug:

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

查看错误讨论，您可能会找到一个解决方法。明确这个错误，如果你想要更早固定！

Check out the bug discussion, you may find a workaround. Definitely Star this bug if you want it to be fixed sooner!

这篇关于Chrome中的框阴影和边框半径错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！