具有不同颜色的一个边框的CSS3 Border-Radius正在渗色

Question

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

当浏览器窗口足够小时，边框的行为都应该如此。但是，当我放大窗口大小时，我开始看到颜色在我的div的中心渗透。

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

---

div有两个类：

  

.info-box {border：1px solid #CCC; margin-bottom：15px;   -moz-border-radius：6px;   -webkit-border-radius：6px; border-radius：6px;背景：＃F3F3F3;}

     

.seller-msg {border-left：7px solid＃EF831B;}

---

似乎div的高度也会以某种方式影响它。

截图

Answer 1

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

我能想出的最好的解决方法是在<div>内添加一个额外的.seller-msg（再次，就像IE6一样），然后在<div>上添加细灰色边框。 1}}而不是。

• 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