2012-08-09 44 views
1

我在顯示帶有頂部/底部邊框和邊框半徑的塊時遇到問題。不知道爲什麼,內半徑將出現一個邊框內。請,請看看下面的截圖&代碼..在Opera中的邊界bug內的邊框半徑

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

+0

更好地張貼的HTML和CSS對應的圖像。 – Prateek 2012-08-09 08:28:38

回答

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; 

所以你是6px短,由歌劇與白色空間填充

+0

很好完成! :D感謝您的幫助! – karolr 2012-08-09 09:14:22