堆叠使用百分比大小的图像

时间:2011-11-16 01:40:16

标签: javascript jquery html css

我想知道如何堆叠使用百分比值的图像来确定彼此之上的大小(在这种情况下,100%)。如果他们有一个设定的像素宽度/高度,我将能够简单地调整他们的位置与位置:相对于让他们占据屏幕上的相同位置。但是,显然我不能做{position:relative;底部:100%}以便在另一个之下移动一个。

请在此处查看完整浏览器宽度图片的含义:

警告:将下载大量大图像 cmg.reef3.com

我希望这些都在彼此之下/之上,所以我可以每隔几秒就淡出一次。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

你需要

  1. position:absolute设置为图片。这将使它们堆叠。
  2. 使用top:npx;和/或left:npx;和/或bottom:npx;属性(n =数字)调整其位置
  3. 为每个图片设置z-index:n,其中n =数字。数字越大,图像就越好。
  4. jQuery-fadeOut是最顶层的图片,当fadeOut完成时,它的z-index为最低,将其发送到最底层。
  5. 如果您正在尝试制作幻灯片,则可以使用许多书面脚本。像这样的东西

    http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/

    http://www.dynamicwp.net/articles-and-tutorials/top-20-jquery-slideshow-and-image-gallery-tutorials/