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

Question

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

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; 

fiddle -> http://jsfiddle.net/325nH/2/

您已声明:

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

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