<!DOCTYPE html>
<html>
<head>
<style>
body{ background:url(http://www.lawebdelprogramador.com/logolwp100x25.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
</head>
<body>
<h1>Código que muestra como poner una imagen de background que siempre se visualiza en el 100% del fondo de la pantalla, perdiendo parte de la misma dependiendo del tamaño del navegador</h1>
Los posible valores <strong>background-size</strong> pueden ser:
<ul>
<li>background-size: 200px;</li>
<li>background-size: 200px 100px;</li>
<li>background-size: 200px 100px, 400px 200px;</li>
<li>background-size: auto 200px;</li>
<li>background-size: 50% 25%;</li>
<li>background-size: contain;</li>
<li>background-size: cover;</li>
</ul>
</body>
</html>
Crear cuenta
Comentarios sobre la versión: Versión 1 (0)
No hay comentarios