2

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

どちらもページ速度に悪いですか?

他のブラウザーでは純粋な CSS で何かを達成できるが、IE では CSS 式または CSS フィルターまたは Javascript によってのみ可能である場合。ページの速度が気になる場合は、常に Javascript を使用する必要があります。

FilterJavaScript は、CSSやExpressionソリューションよりもレンダリングが高速になりますか?


ペッカの回答後に更新

わかりましたので、CSS 式は避けるべきです。それは明らかです。

フィルターについて知りたい

フィルタの例

#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 */
}

IE6 で PNG 透明度を取得し、IE 6,7,8 でいくつかの CSS 3 効果を取得するには、CSS IE を使用できます。Filters

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

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

Javascript は CSS Filter よりもレンダリングが速くなりますか?

注:プロパティfilterは有効な CSS ではありません

4

2 に答える 2

1

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

ただし、フィルターまたは式を選択できる単一のシナリオは考えられません。

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

件名に関するGoogle ドキュメントを参照してください。

CSS 式はレンダリング パフォーマンスを低下させます。それらを別のものに置き換えると、IE ユーザーのブラウザ レンダリングが改善されます。

注: このセクションのベスト プラクティスは、CSS 式をサポートする Internet Explorer 5 ~ 7 にのみ適用されます。CSS 式は Internet Explorer 8 で廃止され、他のブラウザーではサポートされていません。


IE でフィルターが使用されるものは、多くの場合、それらを置き換える方法がありません。

Javascript はフィルタを動的に適用するだけなので、代わりに「Javascript を使用する」方法はありません。これは透明度と rgba グラデーション フィルターの回避策の場合です。


あなたの編集に応じて:

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

Javascript は CSS Filter よりもレンダリングが速くなりますか?

あなたがリンクした記事では、どの回避策にもfilter解決策filterJavascriptの解決策はありません(便宜上、同じものを自動的に適用するだけです)。

于 2011-01-29T19:27:02.447 に答える
0

IE6 の CSS 式を参照している場合は、それらを完全に削除して jQuery を使用する必要があります。

IE CSS 式

  • 7までのIEでのみ動作していました
  • マイクロソフトによって廃止されました
  • jQuery にできないことは何も達成できません。少し便利です
  • thisによると、以前は JavaScript を有効にする必要がありました
  • 結論として、悪い考えでした。
于 2011-01-29T19:24:14.070 に答える