Question

我正在构建一个非常适合的图像滚动条，它使用动画（＆＃34;左＆＃34;）来获得类似于选框的效果，显示一系列具有向左滚动的嵌套图像的＆lt; div＆gt;。它们位于＆lt; div role =＆＃34; clip＆＃34;＆gt;用＆＃34;宽度：960px;溢出：隐藏;＆＃34;。图像使用＆＃34; position：absolute;＆＃34;和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;
}

问题：滚动的图片不会出现，直到它们的全宽度在＆lt; div role =＆＃34; clip＆＃34; ＆GT;

我已尝试搜索Google，Blekko，jQuery API和建议的链接，但我认为我使用错误的术语来描述我的问题。

我♥Stack Overflow。：）

Answer 1

我不确定这是否会解决您的问题，但您在width选择器中的div.showcase属性后缺少分号。

jQuery动画（“左”）直到全宽度才显示图像

1 个答案: