1

我需要这样的东西 http://jonraasch.com/blog/a-simple-jquery-slideshow

但没有绝对定位。是否可以?

如果不是,我该如何处理绝对定位 - 如果我让它以一个屏幕分辨率为中心,它不会是另一个屏幕分辨率。有小费吗?

4

1 回答 1

4

每当您需要将图像放在另一个图像之上时,您可以通过以下两种方式之一进行:

1)使用绝对定位

幻灯片应该包含在一个 wrapper 元素中position:relative,然后使用position:absolute. 布局不会受到影响,因为“绝对”元素位于包装器之内,并且相对于包装器,而不是页面的其余部分

2) 在具有背景图像的元素上使用一张图像

您可以通过这种方式轻松制作幻灯片:

  • 将背景图片设置为第一帧
  • 淡入背景顶部的图像(第二帧)
  • 将背景设置为与第二帧相同的图像
  • 隐藏第二帧
  • 将第二帧的SRC交换到第三帧
  • 重复
于 2010-04-07T16:53:18.130 回答