2012-05-13 15 views
0

私はクライアントからリマスタリングしている古いスタイルのテンプレートからイメージの束を落とすことができるように、CSSでコーナーを丸めようとしています。アイデアは優雅に失敗するものを使うことです。私はそれが一般的に話すと思います。しかし、この場合、要素の1つの左上隅が同じ要素の残りの部分が他の隅にあるように丸められていないように見えます。私は、これを要素に渡すためにクラスを使用しています。このクラスは、他のすべての要素に対して完璧にその1つの要素だけを処理します。CSS角が丸くなります。左上角が丸められません。アイデア?

content_wrap他のすべての要素が存在する要素。 ここにはjsfiddleバージョンがあります。

http://jsfiddle.net/8qZze/

誰もが任意のアイデア/提案を持っていますか?

答えて

4

あなたは内側からコーナーをオーバーラップから何かを停止する#content_wrapoverflow:hiddenを追加することができます。実例:http://jsfiddle.net/8qZze/1/

#content_wrap{ 
    overflow: hidden 
} 
2

"white"ルールを削除して動作させました。子供の "content_left"は、 "content_wrap"の丸みのあるコーナーを越える長方形の蟻を持っています。丸みを帯びたコーナーすべてがうまくいくでしょう。

それとも(:)それについて忘れてしまった)オーバーフローとtw16のアドバイスをしてみてください

関連する問題