<h1>The z-index Property</h1> <div ></div> <p>Because the image has a z-index of -1, it will be placed behind the heading.</p> /*css*/ h1 { position:absolute; z-idex: ; } div{ background-image:url(https://picsum.photos/200); width:100px; height:140px; position: absolute; left: 0px; top: 0px; z-index: -1; } p { position:absolute; z-index: ; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter