1

上/下の境界線と境界線の半径を持つブロックの表示に問題があります。境界内に内側の半径が表示される理由がわかりません。以下のスクリーンショットとコードをご覧ください。

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

4

1 に答える 1

0

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;

つまり、Operaで空白で埋められた6pxの短さです

于 2012-08-09T09:09:10.990 に答える