0

この jQuery プラグインに基づく画像ギャラリーがあります。

http://jqueryfordesigners.com/demo/slider-gallery.html

これは、Firefox、Chrome、さらには IE 7.0 でも非常にうまく機能しますが、IE 8.0 で 50 を超える画像で試してみると、パフォーマンスが信じられないほど遅くなります。サムネイルにカーソルを合わせると、CPU 負荷が 100% になります。

最初はJavascriptの問題かと思ってIEのプロファイラーを使ってみたのですが、結果は正常でした。次に CSS をチェックしたところ、最終的に原因がわかりました。

.sliderGallery UL LI {表示: インライン; }

これにより、サムネイルが水平方向に整列されます。display:block の場合、パフォーマンスは問題なく、スクローラーはまだ動作していますが、親指が垂直に配置されているため、明らかにおかしいように見えます。

私の質問:

  1. 多くの display:inline 要素で IE 8 にこの問題があるのはなぜですか
  2. それを解決するために私は何ができますか

必要に応じて、より多くの情報を喜んで提供します。

4

1 に答える 1

0

あなたは持ってみることができます:

display: inline-block;

それ以外のdisplay: inline;

レミーはこれがうまくいくかどうか知っています。

于 2010-05-17T15:54:12.073 に答える