0

すべてのブラウザーでこれらの効果を可能にする公式の jQuery プラグイン (jQuery UI など) はありますか? または、少なくとも IE8、Chome、FF、および Opera。ユーザープラグインは、長期的にサポートが不足していることが多く、相互に互換性がなく、一貫した品質と最適化に欠けているため、必要ありません。

jQuery UI のデモ ページで「オーバーレイ クラスとシャドウ クラス」をいくつか見ましたが、それらに関するドキュメントが見つかりません。頻繁に必要とされるこれらの機能は、何らかの方法で jQuery に含める必要があると思いますか?

どんな助けにも感謝します！前もって感謝します！

4

1 に答える 1

2

それを行うための「公式な」方法はありませんが、実用的な方法があります (jQuery とは関係ありません)。一部のサイトでは、「正規の」ルール、ブラウザ固有のバージョン、およびCSS3 PIE htc ファイル (IE 用) を組み合わせて使用​​して、CSS 内で完全に問題を処理しました。例：

div.roundbox {
  border-radius: 8px;          // Official. Maybe someday.
  -webkit-border-radius: 8px;  // Webkit browsers
  -moz-border-radius: 8px;     // Firefox
  behavior: url(PIE.htc);      // IE
}

CSS3 PIE は非常にうまく機能し、IE7.js ファミリーのソリューションよりもはるかに優れているようです。基本的に、behaviorborder-radius、box-shadow などを使用する CSS ルールに同じ行をドロップします。スクリプトは残りを処理し、最初のいずれかを介して効果をレンダリングする非 IE ブラウザーには影響しません。 3 つのディレクティブ。

また、PIE に値するすべてのオブジェクトのリストを作成し、(通常のルールに従って) 動作を 1 回で宣言することもできます。

div.shadowbox, div.roundbox, p.somethingelse { behavior: url(PIE.htc); }

このアプローチの賢明さについては、確かに議論の余地がたくさんありますが、多くの場合、うまく機能します。

于 2010-10-02T23:05:00.000 に答える