Eu estou fazendo um html com uma imagem de fundo com o atributo background e utilizei a tag div com o intuito de colocar uma imagem centralizada e dentro dessa imagem e texto, porém o texto não está sobrepondo a imagem,segue o código:
<!DOCTYPE.html>
<html>
<head>
<title>testando</title>
<link rel='icon' href='favicon (2).ico' type='image/x-icon' >
<meta charset=utf-8>
</head>
<body background="_Space Love_, de Scott Brian madeiras.jpg" >
<font size="4" color="lavender" face="bradlay hand ITC regular">
<p style="text-shadow: 0.1em 0.1em 0.15em #ffffff">datas
<br/>
<div style="position:relative; z-index:-1 " align="center" >
<img width="45%" height="1000px"src="img_como_colocar_fundo_preto_nas_fotos_16171_orig.jpg" />
</div>
<div style="position:relative; z-index:1; width="100%";heght="100%" align="center">
<p align="center"style="text-shadow: 0.1em 0.1em 0.15em #ffffff "> teste
</p>
</div>
</font>
</body>
</html>