Hola de nuevo compañeros de foros del web! Haciendo pequeñas pruebas para aumentar mis conocimientos de CSS (bastante basicos por cierto) me encuentro con que tengo una imagen de fondo y un login con el siguiente estilo:
/* CSS Document */
.imagenfondo {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
float:left;
}
body {
width:100%;
height:100%;
}
Y el HTML es el siguiente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="styles/global.css" />
<title>Pagina en blanco</title>
</head>
<body>
<div>
<form method="post" action="php/login.php">
Nombre: <input type="text" name="nombre">
Password: <input type="text" name="pass">
</br>
¿Aun no estas registrado? <input type="checkbox" name="login">
</form>
</div>
<img class="imagenfondo" src="pics/UnderConstruction.jpeg" />
</body>
</html>
El problema es que al hacer la imagen para que se vea a pantalla completa me tapa el login, y lo que quiero es que el login salga por encima de la imagen.
Alguna idea del estilo q debo darle al login para que se vea por encima?
Muchas gracias por adelantado a todas las posibles respuestas qur me puedan dar.