相对位置DIV缩小，其中包含绝对位置图像

Question

我正在替换<marquee>。我有一个<div>，里面有<image>。为了移动<image>，我需要将它们设置为position:absolute，并且<div>必须具有overflow:hidden才能隐藏侧面的“多余”，这是代码：

<div style="overflow:hidden;position:relative">
  <img src="photo.jpg" style="position:absolute" name="img" />
  ... (many more images)
</div>

JavaScript部分只是一个减少left的<image>属性的计时器。

问题是，当<div>为<image>时position:absolute缩小并消失，这是由于overflow:hidden而发生的。我尝试使用外部<div>，但同样发生了。我无法将固定的height设置为<div>，因为用户可以上载任何大小的图像，无论大小，都可以。

¿如何保持<image>的绝对值并将“多余”隐藏在<div>的外部而不会缩小？

我正在替换。我有一个

，里面有s。为了移动s，我需要将它们定位在：absolute，并且

必须具有...

Answer 1

不确定您的方法是否行得通，但这应该可以回答您的问题。只需添加一个“隐藏”图像，它没有绝对位置：

<div style="overflow:hidden;position:relative">
  <img src="photo.jpg" style="visibility:hidden" name="img" />
  <img src="photo.jpg" style="position:absolute" name="img" />
  ... (many more images)
</div>

具有可见性：隐藏，该元素将不可见，但将使用空格。您可能可以删除它，因为其他图像会重叠。

希望对您有帮助。