jquery - slider (旋转木马)与其他元素对齐

Question

我建立了一个非常基本的单页网站，它有一个导航、一个 slider (带有 3 个图像的轮播)和一个页脚。我的问题是，虽然 slider 正确地使图像彼此淡入和淡出，但因为它的位置是绝对的，所以我无法从它下面取出页脚。

slider 覆盖所有内容，我认为这是有道理的，因为它是绝对的。

我的问题是，让 slider 绝对定位(它允许 jQuery 神奇地淡入/淡出)并以不同方式定位我的页脚是否更明智……或者我是否应该完全重新处理 slider 。

HTML:

<div id="carousel">
  <img class="slideshow" src="img/slide2.jpg">
  <img class="slideshow" src="img/slide3.jpg">
  <img class="slideshow" src="img/slide1.jpg">
</div>

萨斯:

#carousel {
  img {
    background-position: center;
    background-repeat: none;
    background-size: cover;
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

.slideshow {
  display: hidden;
  position: absolute;
}

这是我在 JSfiddle 上的页面示例(以及运行 slider 的 JS):https://jsfiddle.net/josectello/7n8c5bq8/

非常感谢您。

Answer 1

保持绝对位置是可以的，但是让页脚的 z-index 高于 imgs，这样它就会可见。

希望我没有正确理解您的问题。