以下のテキストで参照されているリンク: http://www.massgeneral.org/international/dev/full-screen.aspx
クラス「anythingNavWindow」を使用して div の CSS をプレビューすると、影の効果をキャストするために使用されている背景画像 (スプライト) を確認できます。トリガーします。
残念ながら、IE8 で表示すると、スライダーを使用して切り替えてスライダーに追加のサムネイルを表示すると、サムネイルと共に影が移動します。他のすべてのブラウザーは、背景画像を適切に処理します。つまり、背景画像は静止しており、サムネイル スライダーで移動しません。
サムネイルの実際の遷移は、クラス「anythingNavWindow」を持つ親コンテナーではなく、親コンテナーで行われているため、なぜこれが発生しているのかわかりません。どんな援助でも大歓迎です。
これはスライダーの問題ではなく、CSS の問題だと思います。
これは、改ざんする準備ができている jsFiddle です: http://jsfiddle.net/jodriscoll/fKCFE/
div.anythingNavWindow {
width: 616px !important;
background: url('http://www.massgeneral.org/assets/js-plugins/images/bg-slideshow-shadows.png') no-repeat 0 0 transparent;
}
私が試したこと:
- 位置を「固定」に設定すると、どういうわけか、DIV コンテナー全体が非表示になってしまいます。
- 「background-position-x」と「background-position-y」を使用して背景位置を設定しても何も起こりません
どんな助けでも大歓迎です!
ありがとう!