2009-08-11 21 views
2

これは簡単ですが、多くの行があるテーブルがあり、全体のリストは約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; 
} 

答えて

2

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

CSS:hover擬似セレクタでは、正しい要素に正しくレンダリングするためにブラウザによって一定量の処理が必要です。だから、IEは苦労しているかもしれません。

あなたが上に投稿した以上のことを行っている場合(つまり、要素を実際に表示/隠していて、何かをサイズ変更していたとします)、ページ全体が再計算され、あなたは本当にです。

0

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

関連する問題