特定のプロジェクトは、次の CSS 機能を使用して素晴らしい結果を生み出しています。
box-shaddow; border-radius; RGBA境界線と背景の色。
問題は、最初の2つが遅れて必要になることですFirefox / Chrome / Safari
Firefoxブラウザと 2 つ目は、以前のおよびの化身と同様に、IE8 以下では互換性がありませんSafari。
したがって、これらの機能の一部は画像でシミュレートできますがPNG、問題を回避するための非常に広範な方法です.
jQuery plugin / function / procedureこれらの 3 つの特性を合理的な類似性で模倣できるものはありますか。
CSS3 PIEは、あなたが探しているものかもしれません。ただし、HTML5 Pleaseは、これらの機能にポリフィルを使用しないことを推奨しており、妥当なフォールバックのみを推奨しています。
HTML に記載されているとおり:
box-shadow はほとんどの場合安全に使用できますが、大きな領域に適用する場合を除きます。これは、ページを操作するとき (スクロールやホバーだけでなく、トランジションやアニメーションも含む) でパフォーマンスに重大な影響を与える可能性があるためです。
同じ要素 (ホバー付きのメニュー タブなど) を CSS3 PIE で同時に修正するために、それらのいくつか (ボックス シャドウ、丸みを帯びた角、グラデーションなど) がある場合、パフォーマンスへの影響は本当です。古いブラウザーにはスプライトを使用することをお勧めします。スプライトもキャッシュされます。