CSS or Javascript - display fallback text if background image not loaded [duplicate]

Answer 1

One workaround to this would be to change

this text should be displayed if bg image is not loaded


.iHaveBgImage { background-image: url('img.png') }

To :

Alternatively I am not sure if the following would work, but you can MAYBE do something along the lines of:

.iHaveBgImage { background-image: url('img.png') }

EDIT: Something that just popped up in my head that could possibly also work would be to have:

this text should be displayed if bg image is not loaded


.iHaveBgImage { 
background-image: url('img.png') 
}
.bgText {
  z-index: -9999;
}