1

CSS Help!
So my band website is using bootstrap and I have created a div for the background and applied the background in CSS, see below.

background-image: url(...);
height: 100%;
z-index: -1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;

I am trying to add an image over the top of it and tried to use the img-fluid class but the image I'm adding is sitting below the background class not over the top.
I'm pulling my hair out hahaha

Comments
  • 1
    Are you trying to use multiple backgrounds? If so, try

    background-image: url(image1), url(image2);
    background-position: center center, top left;

    Etc.
  • 0
    @nanl not really multiple backgrounds, more like a logo laying over the top of the background
  • 0
    You can't work with z-index without set position (relative, absolute or fixed). Hope it'll help
Add Comment