1

新しいデータに基づいて質問を書き直しています：

AnythingSlider を使用して、単一ページのサイトをコンテンツ パネルに整理しています。

スライダーは、すべてのデフォルト設定で、Safari/Chrome および FF で機能します。ナビゲーションのスタイルを変更し、美的なディテールをいくつか加えました。スライダーは 3 つのブラウザーすべてで完全に機能します (IE はまだチェックしていません)。ただし、幅を変更するとすぐに、Safari と Chrome でスライダー全体が消えます。FFでかっこいい！

上下逆さまでも横向きでもテストしたような気がしますが、何をしても横幅を1000pxにした瞬間に消えてしまいます。

私が試したことは次のとおりです。

  • コンテナー div を追加し (スライダー ul をラップ)、幅を 1000px に設定し、スライダー ul を 100% に設定します。
  • スライダーの ul width を設定し、すべてのパネルを width: 100% のままにします。
  • スライダーの ul 幅と関連するすべての内部アイテム (パネル、コンテンツ div) の設定
  • すべての画像の幅と高さを設定する

すべて幅属性に要約されるように思われるので、わざわざコードを投稿するつもりはありませんが、とにかく見たい場合はお知らせください! 私はこれが非常に単純でなければならないと感じており、私の鼻の前にあるものを見逃しているだけです...助けやアイデアは大歓迎です!

4

1 に答える 1

1

解決しました！この問題を抱えているのは私だけだと思われるので、サイト上の他のdivの設定と関係があると思いますが、問題を修正するために私がしたことは次のとおりです。

これを変える：

/* Overall Wrapper */
.anythingSlider {
display: block;
overflow: visible !important;
position: relative;
}

代わりに position: absolute を使用します。

Safari で div を調べたところ、スライダーは正常に配置されていましたが、パネル ウィンドウが画面から約 400 ピクセル離れていました。とにかく--動作は奇妙で (Webkit ブラウザーに固有)、Safari でそれを実行する論理的な理由を見つけることができませんでしたが、この回避策は完全に有効であり、FF、Safari、および Chrome ですべてがうまく表示されます。IEへ！

于 2012-06-19T20:20:45.490 に答える