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的{{1}}属性。

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

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

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>

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

希望对您有帮助。

相对位置DIV缩小，内部出现绝对位置图像

1 个答案: