opera - Opera中的边界错误内的边界半径

Question

我在显示具有顶部/底部边框和边框半径的块时遇到问题。不知道为什么边界内会出现内半径。请看下面的屏幕截图和代码。

http://img703.imageshack.us/img703/3074/scrren1.jpg

<section id="block">
   <div class="block-header"><h1>Block</h1></div>
</section>
#block {width:1000px; height:329px; position:relative; border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px;}  
#block .block-header { position:absolute; right:0px; top: 0; border-top:10px solid #81a32b; width:500px; border-radius:0px 4px 0px 0px; -webkit-border-radius:0px 4px 0px 0px; }

你知道这个问题的任何解决方案吗？

jsfiddle

Answer 1

在 Opera 中，高度与您要达到的四舍五入直接相关

CSS

border-top:10px solid #81a32b; 
border-radius:0px 10px 0px 0px; 

小提琴-> http://jsfiddle.net/325nH/2/

您已声明：

border-top:10px solid #81a32b; 
border-radius:0px 4px 0px 0px; 

所以你是 6px 短，被 Opera 用空白填充