CSS式とインターネットエクスプローラのフィルタとJavaScriptの比較

Question

CSS式とCSSフィルタの違いは何ですか？

ページスピードはどちらも悪いですか？

純粋なCSSで他のブラウザでは達成できますが、IEの場合はCSS式またはCSSフィルタまたはJavaScriptでのみ可能です。ページスピードに関しては、Javascriptに行くべきですか？

JavaScriptはレンダリングでCSS FilterまたはExpressionソリューションより速くなりますか？ペッカの答え

OK後

---

更新CSSの表現は避けなければならないので、それは明らかです。

今、私たちはCSS IE Filters

を使用することができますIE 6,7,8でPNG IE6における透明性といくつかのCSS 3の効果を得るには、フィルタ

#myElement { 
    opacity: .4; /* other browsers */ 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* this works in IE6, IE7, and IE8 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* this works in IE8 only */ 
} 

の

フィルタについて例を知りたいです

http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

また、いくつかのJavascriptの代替品もあります。

レンダリングでJavascriptの方がCSSフィルタよりも速くなりますか？

注：filterプロパティは、有効なCSS

Answer 1

あなたはIE6のCSSの表現に言及している場合ではありません、あなたは完全にそれらをドロップするとjQueryを使用する必要があります。

IE CSSはそれに従って少しだけより便利

をだ、

• がdiscontinued by Microsoft
• はjQueryのできないことは何も達成されていない7
• までIEでのみ動作するために使用される式thisには、JavaScriptを有効にする必要がありました。
• 結論としては、悪い考えでした。

Answer 2

IEの古いバージョンでは、CSSフィルタまたはCSS式を使用する選択肢がある場合は、フィルタが最適です。

しかし、私はあなたがフィルターまたは式の選択を持つ単一のシナリオを考えることはできません。

式が常に、たとえばmousemoveと評価されるため、式の上にプレーンなJavascriptを優先する必要があります。プレーンなJavascriptでは、コードがいつ実行されるかを制御することができます。たとえば、onload、またはonresizeです。

グーグルdocument on the subject参照してください：

CSS式は レンダリング性能を劣化させるが、代わりに の代わりにブラウザ のIEユーザー用のブラウザが改善されます。

注：この のこのベストプラクティスは、 エクスプローラ5〜7（ CSS表現をサポート）にのみ適用されます。 CSS式は、Internet Explorer 8では非推奨の 、他のブラウザではサポートされていない です。

---

フィルタはIEでのために使用されているものは、多くの場合、それらを交換する方法はありません。

JavaScriptを動的に適用するだけなので、代わりに「JavaScriptを使用する」方法はありません。これは透過性の場合で、rgbaグラジエントフィルタの回避策です。あなたの編集に対応して

---

：

し、利用可能ないくつかのJavascript の代替もあります。

CSSフィルターより レンダリングでJavascriptが高速になりますか？あなたがにリンクされているarticleで

、回避策のどれもfilterソリューションと Javascriptのソリューション（単に便宜上、自動的に同じfilterを適用しているかのもの）を持っていません。