2009-09-01 18 views
2

可能性の重複:DIV-容器に丸みを帯びた角を作るための最善の方法は何
What is the best way to create rounded corners using CSS?HTML/CSSベストな方法角丸

!私は、私が試してみましたが

  • jqueryのコーナープラグイン(Chromeで動作しない)
  • CSSタグ(IEでは動作しません)
..ですすべてのブラウザで動作するソリューションが必要です

イメージを使用する唯一の(ブラウザごとに)ソリューションはありますか?あなたはどこでも動作するようにそれを必要とし、またオフにされたJavaScriptの可能性を考慮した場合

は、あなたの唯一のオプションは、背景画像を使用することで、あなた

+0

"ベストソリューション"とはどういう意味ですか?あなたの基準は何ですか?さまざまな欠点を持つ可能性のあるソリューションがたくさんあります。いくつかはjavascriptを使用し、いくつかは追加のマークアップを使用し、いくつかはイメージをたくさん使用します。より具体的にしてください。 – n1313

+2

Dupe:http://stackoverflow.com/questions/7089/what-is-the-best-way-to-create-rounded-corners-using-css&http://stackoverflow.com/questions/1127227/css -rounded-corners&http://stackoverflow.com/questions/823218/how-to-create-rounded-corners-using-css-or-javascript&http://stackoverflow.com/search?q=rounded+corners – Quentin

答えて

3

ありがとうございます。

+0

...どのように悲しい:-( –

0

私はいつもこのソリューションはIEで働いていたと思った...(、は窓をテストしていないしていない)

http://blog.benogle.com/2009/04/29/css-round-corners/

EDIT:はい - それは、少なくともIE 7.0

+0

私はそれもFirefox 3.0で動作することを報告することができます、今あなたのクロムとサファリのユーザーについてはどうですか? – NomeN

0
で働いています

どのコーナープラグインを使用していますか? Javascriptの丸みのあるコーナーは確かにChromeで動作します。特定のプラグインに問題がある場合は、そのために特別なヘルプを依頼してください。

しかし、一般的に丸いコーナーでは、私はCSSを使用することをお勧めします。サポートされているブラウザにはうまく見えますが、IEのパフォーマンスヒットなしで正常に機能しなくなります(しばしば見た目が美しく、フェイスブックは丸みのあるコーナーを外しただけです:http://www.techcrunch.com/2009/08/26/facebook-tweaks-design-drops-rounded-corners/)。

しかし、コーナーを丸くしなければならない場合は、JSが優れた解決策です。何がうまくいかないかのいくつかの例を提供してください。

0

私の経験では、Nifty Cornersは魅力的に機能します。 Crossbrowserと互換性があります(Chromeは丸みのあるコーナーも美しく反映しているとGoogleから報告されています)。

http://www.html.it/articoli/niftycube/index.html