2010-12-20 22 views
2

VS VMLこの記事へのフォローとして:丸いコーナー:jQueryの

https://stackoverflow.com/questions/521432/best-jquery-rounded-corners-script

jQueryの既には角丸のために、以下のIEソリューション間をトレードオフしているか、含まれていると仮定すると

a)のようなcss3PIE、dd_roundies、湾曲コーナーとして丸みを帯びたコーナー用VML溶液()

B)jQueryプラグインを使用しての使用(例えば曲がりくねったコーナーなど、丸みCOR ners、jQuery.corner)を使用してコーナーPNG/GIFを生成しますか?

+0

ワンポイント - jQueryをページに取り込んで丸みを帯びたコーナーを適用すると間違ったことが起こります。 –

+0

良い点。私はjQueryが既に含まれていたと仮定しました。質問をもっと面白くするために私は私の質問を編集するつもりです... – uglymunky

答えて

1

border-radiusの良い(安定した)代替品はありません。 VMLにはいくつかの欠点があり、不適切にレンダリングされるか、またはエッジケース(2つが多い)で正しく適用されません。

私のアドバイスはありますか? this adviceに耳を傾けるか、PNG/GIF丸めコーナーを生成し、IEの条件付きコメントを通じて適用してください。

+0

OK、VMLを使用すると、特定の配置バグや背景に関する問題が発生するようです。生成されたGIFにjQueryを使用する際に注意すべき/注意すべき点がありますか? – uglymunky

+0

あらかじめサーバー上にマークアップを作成するのと同じ規則が適用されます。 [こちら](http://www.alistapart.com/articles/customcorners2/)、[this](http://www.alistapart.com/articles/mountaintop/)、[this](http:// www .alistapart.com/articles/onionskin /)の記事で、ドロップシャドウと丸みのあるボーダーを紹介しています。 –

-3

ベストプラクティスは、クローム、ファイアフォックス、サファリを設計することです。これらは最もよく使われるブラウザです。

.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } 
+0

あなたはその統計を作成しましたか? – Razor

+0

これらの統計は作成されていませんが、完璧です。IEは低下しています。 – X10nD

+0

2011 Internet Explorer Firefox Chrome Safariオペラ 1月26.6%42.8%23.8%4.0%2.5% ソース:http://www.w3schools.com/browsers/browsers_stats.asp so safari 4%〜26.6%IEはまだ損失です - Firefoxだけがそれに勝つ。 2011年1月の統計。私はそのほとんどが技術的サヴィユーザーが訪問し、主に技術的なサヴィユーザーは光沢のあるブラウザと1であるためw3schools.comは、統計情報の有効な場所であることと思ういけない –

0

はあなただけ大丈夫低下するスタイルシートを通してそれを行うことはできません。
の欠点は、それが大幅にページを遅くする傾向があるとして、あなたが実際にそれらの負荷を持っていない限り、彼らは、言及しても価値がないだということをとても無視できます。

+0

技術的にはこれはうまくいくが、そこにはかなりのIEユーザーがいて、これはいずれのユーザーにとっても丸みのあるコーナーではないことを意味する。それは私を悲しませるだろう:( – uglymunky

1

私はそれらすべてを試みたが、限り、あなただけの丸みを帯びた角を必要として、あなたはcss3pieを打つことができない。

+0

私はcss3pieの欠点はそのファイルサイズ、31k(minified)だと言います。それはIEのための他のCSS3ソリューションを提供していますが、ちょうど丸みを帯びたコーナーのために少し過度のようです。カスタマイズされたダウンロードのために。 – uglymunky

+0

はそれをgzip @uglymunky、それは周りの10Kでなければなりません。それでもすぎ?githubの上のプロジェクトを見て、ちょうど角の丸いモジュールを使用して独自のpie.htcを構築します。 – Razor

関連する問題