HTML & CSS Struggling with some HTML

[non123]

<div id="close_div" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('images/bg_close.jpg'); background-size: cover; z-index: 9999; display: none;"></div>

I'm a beginner with code and am editing a web page, when I open the page no image shows, do you know why?

The image is uploaded all fine in the correct folder.

 

[Ash]

@non123 Get rid of the display: none. That stops the image from being displayed . So your code should look like this:

<div id="close_div" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('images/bg_close.jpg'); background-size: cover; z-index: 9999;"></div>

 

[non123]

@non123 Get rid of the display: none. That stops the image from being displayed . So your code should look like this:

<div id="close_div" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('images/bg_close.jpg'); background-size: cover; z-index: 9999;"></div>

Thank you for the advice, it shows the picture now, but not how I want it to look.

I am doing a quiz and on the last page, I want the image to be on the background of the last page.. so annoying.

 

[Ash]

The best thing to do then would be to apply the background image CSS to the body tag instead. That should apply it as a background for the whole of the last page. If that doesn't resolve it, could you share the code for the whole page?