Question

我在显示带有顶部/底部边框和border-radius的块时遇到问题。不知道为什么内部半径出现在边界内..请看一下截图＆amp;代码如下..

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;

小提琴 - ＆gt; http://jsfiddle.net/325nH/2/

你宣布：

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

所以你是6px短片，由Opera填充白色空间

Opera内边界bug的边界半径

1 个答案: