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填充了