Foros del Web - Ver Mensaje Individual

ZoroRoronoa · #14 (**permalink**) 08/08/2011, 12:05

Buen ya siendo claros para darte una solucion final.

Este codigo te permitira poner la imagen de fondo al 100% como lo quieres

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Zoro Roronoa</title>
<style type="text/css">
* {margin:0; padding:0; border:0; position:relative;}
 
img#bgimg {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
}
</style>
</head>
<body>
<img src="111.jpg" id="bgimg" alt="fondo" />
</body>
</html>

Para hacer el efecto hover, necesitamos cambiar el valor del atributo src="" por la ruta de la otra imagen, entonces este efecto hover no se puede lograr con CSS, asi que se necesitara javascript :)

Saludos.

PD: me ganaste en post Ag666