2

これが簡単なものであることを願っていますが、多くの行を持つテーブルがあるページがあり、ユーザーはページごとに 50 行から約 1500 行の "全体" リストまで表示することを決定できます。ページごとにより多くの行を表示すると、「a:hover」スタイルが大幅に遅くなることに気付きました。Firefox/Chrome/Safari ではそれほど悪くはありませんが、IE7 では非常に悪いです。スタイルを使用するアンカーが大量にある場合、アンカーのホバリングを処理する最良の方法は何ですか?

現在使用しているCSSは次のとおりです。


a.brochurelink{
color:#000000;
font-weight:bold;
text-decoration:none;
}

a.brochurelink:visited{
color:#9900BD;
}

a.brochurelink:hover{
text-decoration:underline;
color:#0000FF;
}
4

2 に答える 2

2

IEのDOM実装は常に非常に遅いものでした。IE8でさえ、他の現在のブラウザーよりもDOMの方が約4〜5倍遅くなります。ウェブサイトのパフォーマンスに興味のある人々は、何度も何度もそれを証明しています。

CSS：hover疑似セレクターは、正しい要素で正しくレンダリングするために、ブラウザーによる一定量の処理を必要とします。そうそう、IEは苦労しているかもしれません。

ホバーで上記に投稿した以上のことをしている場合（実際に要素を表示/非表示にしている、何かのサイズを変更しているなど）、DOM全体を再計算する必要があるページのリフローがトリガーされ、非常に遅くなります。

于 2009-08-12T02:14:25.923 に答える
0

私の推測では、問題はCSSではなく、1500行にあります。ブラウザの限界を押し広げているようです。私はページ付けに固執します、あなたのユーザーはあなたに感謝します。

于 2009-08-12T02:01:12.510 に答える