0

ここに私のページがあります: http://www.hairextensiongeek.com/videos.php?vid=1

AnythingSlider は、IE7 を除くすべてのブラウザーでうまく機能します - 驚きです。奇妙な理由で、ページ全体の背景画像は、ブラウザのサイズに応じてさまざまな量のピクセルでオフセットされます。jqueryでナビゲーションを無効にすると問題が解消されるため、問題を左右のナビゲーションに絞り込みました。メタリック スタイルの CSS は、さまざまなボタンを非表示にするために負の背景値を使用しています (おそらく、私は自分の質問に答えただけです :)

背景の配置に IE の修正が必要なだけです。（負の背景値を必要としない独立した画像を試すかもしれません。）

また、IE7がほとんど時代遅れであることは知っていますが、潜在的な問題の全範囲を取得するために使用しています;）

前もってありがとうニコラス

ps 負の背景位置に対して複数の画像を使用しようとしても役に立ちませんでした。私が想像する問題を引き起こしている実際の矢印divコンテナでなければなりません。

4

1 に答える 1

0

問題は、矢印の画像を垂直方向に中央揃えするために使用されている負の上部マージンにあると思います。

トップを 50% から画像の中心にあるパーセンテージに変更してから、次のようにリンクの倍率をゼロに設定してみてください。

/* Navigation Arrows */
div.anythingSlider-metallic .arrow {
  top: 30%; /* adjust this percentage to vertically center your arrows */
  position: absolute;
  display: block;
  z-index: 100;
}
div.anythingSlider-metallic .arrow a {
  display: block;
  height: 95px;
  /* margin-top: -47px; - half height of image - REMOVE THIS LINE */
  margin: 0;
  width: 45px;
  outline: 0;
  background: url(../images/arrows-metallic.png) no-repeat;
}

text-indent: -9999pxまた、これも配置をめちゃくちゃにしているので削除します。

更新:本日リリースされた バージョン 1.5.10には、これらの変更を含む IE7 用の個別のスタイルシートが含まれています。

于 2011-04-17T07:46:11.167 に答える