1

animate("left") を使用して、ネストされた画像が左にスクロールする一連の <div> を表示するマーキーのような効果を得る、非常に調整された画像スクローラーを構築しています。それらは、「幅: 960px; オーバーフロー: 非表示;」の <div role="clip"> 内にあります。画像は「position: absolute;」を使用しています。z-index を使用すると、ユーザーがマウスオーバーを使用すると、上部のグレーの画像がフェードしてカラー画像が表示されます。

各 div は次のようになります。

<div class="showcase">
  <a href="#" class="showcase">
    <img src="images/clients/aria_gray.png" alt="" />
  </a>
  <img src="images/clients/aria_color.png" width="160" class="scbg" alt="Aria" />
</div>

このコードに固有の CSS:

div.showcase {
  display: inline;
  width: /* calculated by a jQuery function */
  height: 70px;
  position: relative;
  float: left;
}
a.showcase img {
  position: absolute;
  z-index: 1;
}
img.scbg {
  position: absolute;
  z-index: 0;
}

問題: スクロールインする画像は、全幅が <div role="clip"> 内に収まるまでまったく表示されません。

Google、Blekko、jQuery API、および提案されたリンクを検索してみましたが、問題を説明するために間違った用語を使用していると思います。

私♥スタックオーバーフロー。:)

4

1 に答える 1

0

これで問題が解決するかどうかはわかりませんが、セレクターのwidthプロパティの後にセミコロンがありません。div.showcase

于 2011-07-06T07:08:36.527 に答える