border - 一个边框颜色不同的 CSS3 Border-Radius 正在流色

Question

我有一个使用 border-radius 的带有圆 Angular 的流体宽度 div，以及 div 一侧的大边框，颜色不同。

当浏览器窗口足够小时，所有边框都会正常运行。但是，当我放大窗口大小时，我开始看到 div 中心的颜色渗出。

我想知道是否有人知道可能的解决方案。

---

div 有两个类:

.info-box {border: 1px solid #CCC; margin-bottom: 15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #F3F3F3;}

.seller-msg {border-left: 7px solid #EF831B;}

---

div 的高度似乎也在某种程度上影响了它。

截图

Answer 1

天啊，看来你发现了一个 WebKit 错误。讨厌的。

我能想到的最好的解决方法是添加一个额外的 <div> (哇，又像是 IE6)在.seller-msg里面, 然后在 <div> 上加上细灰色边框相反。

• http://jsfiddle.net/9a3Gp/3/

希望有人能想出更好的办法。

---

如果您想向 WebKit 团队报告错误，请在此处详细说明该过程:

• http://www.webkit.org/quality/reporting.html

我有 downloaded the latest nightly build (撰写本文时在 Mac OS X 上为 r106067)，错误也存在于此:

• http://jsfiddle.net/9a3Gp/

我还在 Bugzilla 中搜索“border-radius color”，但我找不到任何与此匹配的错误。

• https://bugs.webkit.org/buglist.cgi?query_format=specific&order=relevance+desc&bug_status=__open__&product=WebKit&content=border-radius+color