0

画像に問題がある Webkit ブラウザーに関する記事をかなり読んだことがあります。投稿が見つからなかったため、説明しようとしている投稿に対する答えが見つかりませんでした。

基本的にすべての画像を行に並べて配置するjQueryを使用して自家製のスライドショーを作成し、マスク要素(overflow: hidden)とmargin-leftプロパティを使用して、表示するものを選択します。私は車輪を再発明しませんでした...

FF、Opera、さらには IE でも魅力的に動作します! しかし、Chrome ではうまくいきません (私は Safari をテストしませんでした) : 最初の画像は問題なく表示されますが、スライド効果が始まると、最初のスライドの 20px がスライドショーの上部に残り、2 番目のスライドをオーバーレイします。スライドを続けると、最初のスライド部分が次のスライドのオーバーレイとして残ります。Chrome では画像が正常に更新されないため、スライドショー全体がゴミのように見えます。

スライド効果の後に画像のcssプロパティをいじって、コンテナにコンテンツを強制的に更新させようとしましたが、やはりうまくいきませんでした。

誰かがそれを解決する方法について考えを持っていますか?

ありがとうございました

4

1 に答える 1

0

修正が見つかりました...

私が言ったように、いくつかの異なるcssプロパティを使用してコンテナにコンテンツを強制的に更新させようとしても機能しませんでした。しかし、うまくいったのはコンテナにスパンを追加することでした、それだけです...問題の時点​​で、私のコンテナには画像と地図しかありませんでした。スパンを追加しました（運が悪か​​った）、すぐに機能しました！

スパンを追加すると、コンテナ全体が正常に動作する理由を推測することしかできません。IE6がオタクに投げるのに使用した「hasLayout」プロパティと同じようなものだと思います。一貫性のある要素（高さ、幅...値が設定されている）ができるまで、要素を適切にレンダリングできませんでした。

とにかく、これがお役に立てば幸いです。そうです、ChromeとIE6をあえて比較しました... ;-)

良い一日

于 2012-09-08T13:07:45.247 に答える