I have a banner that is fixed on the bottom of my website. I wanted to add a picture of a book on the top of the banner. So I placed the image in a div outside of the
fixed-footer-wrapper
.fixed-footer-wrapper2
.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;
}
Setting .fixed-footer-wrapper
to z-index: -1;
should work. That will set that class below everything else in terms of positioning.
Example:
.fixed-footer-wrapper {
z-index: -1;
}
Now your image is transparent so that might make it look a bit strange but that should work.