Home/ Questions/Q 7994287
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T14:05:37+00:00

I have followed an online tut to get a full-size background using an inline

  • 0

I have followed an online tut to get a full-size background using an inline image tag. It works well apart from the fact that every other element is hidden behind it.
I’m sure this is basic, but I can’t get my head round it.

<style>
body {

}

#bg {
min-height: 800px;
min-width: 1024px;

/* Set up proportionate scaling */
width: 100%;
height: 100%;

/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}

</style>


</head>

<body>

<nav>
</nav>

<div>
<p>A line</p>
<p>A line</p>
<p>A line</p>
</div>

<img id="bg" src="images/flowers.jpg" alt="flowers" />



</body>
</html>

Any help much appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I believe what you’re looking for is the z-index css property.

    Try

    #bg {
    z-index: -1000;
}
    • 0