2012-02-20 2 views
0

は、私は次のようにヘッダとコンテンツdiv's.Theコードが含まれている丸いコーナーのdivを作成した親丸みを帯びたコーナーのdivの中に固定されますはまさに

.borderRadius {border:1px solid #dadada; border-radius:15px;-moz-border-radius:15px; -webkit-border-radius:15px; } 
.header { background: none repeat scroll 0 0 #F5F7F6;height: 25px;padding: 4px 10px 0;text-align: left; } 
.content{ width:auto; } 

は今、私は、ヘッダーのdivが正確ヘッダーのdiv角が丸みを帯びた角をカバーしてはならないような丸みを帯びたコーナー親のdivに収まる必要がありますしたいです。

答えて

0

まあ、解決策は、あなたがそれを逃したことをI`mは必ず、本当に簡単です:

.borderRadius {border:1px solid #dadada; border-radius:15px;-moz-border-radius:15px; -webkit-border-radius:15px; } 
.header { background: none repeat scroll 0 0 #F5F7F6;height: 25px;padding: 4px 10px 0;text-align: left; border-radius:15px;-moz-border-radius:15px; -webkit-border-radius:15px;} 
.content{ width:auto; } 

私はそれをテストしている:あなたはこのような;-)あまりにもクラスを.headerする角の丸みをつけなければなりませんOpera、FF、Chrome、IE9(IE9 +はボーダー半径CSS3しかサポートしていません)

関連する問題