Z-index example

You should set privilege to use Internet graphics or set any from /images/. By using z-index you can hide some element under another or just under text. 
<!DOCTYPE html>
<html>
<head>
<style>
img#first {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    height:140px;
}
img#second {
    position: absolute;
    left: 10px;
    top: 5px;
    z-index: 1;
    height:140px;
}
p {
color:darkblue;
}
</style>
</head>
<body>
<img id="first" src="https://download.tizen.org/misc/Tizen-Brand/01-Primary-Assets/Pinwheel/On-Light/01-RGB/Tizen-Pinwheel-On-Light-RGB.png" />
<img id="second" src="https://download.tizen.org/misc/Tizen-Brand/01-Primary-Assets/Pinwheel/On-Light/01-RGB/Tizen-Pinwheel-On-Light-RGB.png" />

<p>This text is on index 0</p>

</body>
</html>
List

Responses

0 Replies