I need to be able to have text on top of an image (.jpeg). I've attempted to use z-index attribute but it does not seem to work at all. Does anyone know how to do this?
<HTML>
<HEAD>
<TITLE>DIV</TITLE>
<STYLE TYPE="text/css">
div.text
{
position: absolute;
left: 35px;
top: 35px;
z-index: 1;
color: #CCFF00;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
}
</STYLE>
<BODY>
<IMG SRC="image.jpg">
<DIV CLASS="text">
TEXT OVER THE PICTURE TEXT OVER THE PICTURE TEXT OVER THE PICTURE TEXT OVER THE PICTURE TEXT OVER THE PICTURE</DIV>
</BODY>
</HTML>
This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.