CODEWITHSUNDEEP
htmlcss
justhere
justhere

Reputation: 1

Footer over image source

The footer does not show the image above the footer.

Screenshot:

Image is under footer

enter image description here

Source Code

.footer-area {
  background-position:  center;
  position: relative;
  z-index: 5; }

.footer-area::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  height: 50pc;
  width: 100%;
  background-image: url(../images/footer-bg.svg);
  background-position:  center;
  overflow: hidden;

Upvotes: 0

Views: 137

Answers (1)

Vinicius Serafim
Vinicius Serafim

Reputation: 73

The attribute z-index will not be applied to the pseudo element :before, if you want image in the front layer, you have to apply the z-index in the before element

Upvotes: 1

Related Questions