2

各スライド間にフェード効果のある FlexSlider (新しいバージョン) があります。

スライダーは、IE<=8 を除くすべてのブラウザーで正しく機能します。IE8 では、画像はうまく消えていますが、キャプションのテキストは消えていないため、スライド 1-2、2-3 などの間で奇妙な瞬間的な変化が生じます...

修正を探してみましたが、有用で機能するものは見つかりませんでした。これに対する解決策はありますか?

よろしくお願いします、さようなら。

これは、IE8 http://jsfiddle.net/VpD7L/3/で問題を示している小さな JSFiddle です。

4

2 に答える 2

3

テキストがフェードしない理由を見つけるために何時間も苦労した後、IE8 が position:absolute (または relative) とフレックス スライダー テキスト コンテナーの z-index を好まないことが問題であることがわかりました。そのため、代わりにパディングを使用してテキストを配置しました。

たぶん、これは将来誰かにとって役立つでしょう。

于 2012-08-25T15:22:39.467 に答える
1

私は前にこれに出くわしました。作業している要素の一部に「レイアウト」が適用されていないか、要素にレイアウトが必要ないときにレイアウトが適用されている可能性があります。

最初に行うことは、関連する要素からhaslayoutの適用/リセットを開始することです。最も可能性の高いシナリオは、テキスト自体に、それを含む要素にhasLayoutを適用する必要があるというものです。

ここから：http：//www.satzansatz.de/cssd/onhavinglayout.html

次のCSSプロパティ/値のペアを適用すると、要素がレイアウトを取得できるようになります。

位置：絶対フロート：左|右表示：インラインブロック幅：「auto」以外の
値高さ：「auto」以外の
値zoom：「normal」以外の値
書き込みモード：tb-rl （MSDN）
オーバーフロー：hidden | scroll | auto
overlay-x | -y：hidden | scroll | auto
position：fixed min-width：any value
max-width：any value than'none' min-height：any value
max-高さ：「なし」以外の値

次のプロパティを別のルールセットのデフォルト値にリセットすると、hasLayoutを提供する他のプロパティが有効になっていない場合、hasLayoutがリセット（または元に戻されます）されます。

幅、高さ（「自動」まで）

max-width、max-height（to'none'）（IE 7の場合）

位置（「静的」へ）

float（to'none'）overflow（to'visible'）（IE 7の場合）

ズーム（「通常」に）

書き込みモード（「tb-rl」から「lr-tb」まで）

MicrosoftのWeb開発者ツールバーを使用して、要素にレイアウトがあるかどうかを確認できます（ない場合、hasLayoutは開発者ツールバーで-1になり、レイアウトがある場合は1になります）。

于 2012-08-24T13:58:46.400 に答える