5

overflow:hidden円形領域の外側のdiv内のすべてを非表示にできるように、実際の円形divを作成する方法はありますか？

使ってみborder-radius, -moz-border-radius, -webkit-border-radiusましたがoverflow:hidden、正方形/長方形の領域の外側にあるものだけを非表示にしました。border-radius確かに円の幻想を与えているだけです。

次に、真ん中に透明な円形の領域が不透明な「背景のような」領域で囲まれたPNG画像を作成して、円形の領域の外側にあるものを隠すことができると考えましたが、これもまた別の幻想であり、背景が役に立たない場合です。静的ではありませんが、画面の幅と高さに応じて変化します。

では、どうすれば実際の円形divを作成できますか？CSSまたはJSとはどういう意味ですか？

4

2 に答える 2

2

これらのリンクをたどると、役立つ場合がありますhttp://www.css3.info/preview/rounded-border/
http://border-radius.com/
http://www.w3schools.com/cssref/css3_pr_border-radius .asp

于 2013-01-30T09:58:56.987 に答える
2

皆さんからのコメントありがとうございます。

私はそれを理解しました。事前に設定border-radius, -moz-border-radius, -webkit-border-radiusせずに設定しただけなので、正しく動作border:1px solid [color]せずに円形の領域が形成されます。overflow:hiddenCSS3のさらに別の奇妙な振る舞い。

于 2013-01-30T09:59:29.517 に答える