<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