jquery - 如何在横幅前设置图片？

Question

我有一个固定在我网站底部的横幅。我想在横幅的顶部添加一本书的图片。所以我将图像放在 fixed-footer-wrapper 之外的一个 div 中，称为 .fixed-footer-wrapper2。一切都很好，除了书还在横幅后面。我需要横幅前面的书。我尝试了 z-index 但它没有将图像放在前面。那么如何让图像在前面呢？

https://jsfiddle.net/Lance_Bitner/3gz7wk4m/

.fixed-footer-wrapper2 {
left: 0px;
right: 0px;
bottom: 0px;
padding-top: 16px;
padding-bottom: 0px;
margin-bottom: -50px;
display: -ms-flexbox;
position: fixed;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}

Answer 1

将 .fixed-footer-wrapper 设置为 z-index: -1; 应该可以。这将使该类在定位方面低于其他所有类。

例子:

.fixed-footer-wrapper {
    z-index: -1;
}

现在你的图像是透明的，所以它看起来有点奇怪，但应该可以。