1

私はサイトをまとめて、Zurb の Orbit ローテータをホームページの Foundation Framework から取り出しました。サイトは現在のすべてのブラウザーで正常に表示されますが、クライアントには IE8 の要件があります。IE8 に残された唯一の問題は、ローテーターのボタンが Orbit の不透明度設定を引き継いでいないため、ホームページにアクセスするとすべてのスライドのボタンが表示されることです。スライドが回転すると、ボタンが一緒に回転し、ローテーターが期待どおりに機能し始めます。

問題のサイトはこちらです。

任意のヘルプをいただければ幸いです。

4

2 に答える 2

0

これをcssに追加してみてください：

.orbit-slide {display:none}

これにより、スライドが初期化されるまでスライドが非表示になります

そしてこれを削除します：

.orbit .orbit-slide {right:0;}

それはそれらがお互いの上に積み重なるのを防ぐはずです

于 2013-02-26T16:13:26.523 に答える
0

IE8 の Orbit の子要素は設定を採用しません。そのため、Orbit はテキストを含む div 要素を Opacity:0; に設定します。ただし、子要素はその設定を尊重しません。最終的に、どのスライドを表示するかを制御するために Opacity と Display を組み合わせて使用​​する別のライブラリに切り替えました。

でも助けてくれてありがとう。とても有難い！

于 2013-02-27T20:45:57.723 に答える