elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
26 Mayo 2012, 16:34  


Tema destacado: Entra al canal IRC oficial de #elhacker.net

+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  Fondo fijo		 0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Fondo fijo  (Leído 584 veces)
Gcb93

Desconectado Desconectado

Mensajes: 35


Ver Perfil
Fondo fijo
« en: 6 Febrero 2012, 16:29 »
Hola

estoy buscando la manera de hacer un fondo fijo y ajustable a las diferentes resoluciones que se puede encontrar, asi tendre el mismo fondo mas o menos

he estado intentando hacer algunos de estos ejemplos pero no consigo que me salgan

http://css-tricks.com/perfect-full-page-background-image/

podriais ayudarme a hacer un ejemplo, o bien me pasais un ejemplo asi termino de entender bien para luego adaptarlo a mi pagina

esperos respuestas y desde ya muchas gracias
En línea
drvy | BSM


Desconectado Desconectado

Mensajes: 1.129


badstupidmonkey


Ver Perfil WWW
Re: Fondo fijo
« Respuesta #1 en: 8 Febrero 2012, 00:35 »
No entiendo, porque no consigues que te salgan...

Código
<html>
<head>
<style>
html {
	/* Ponemos fondo y lo centramos */
	background: url(bg.jpg) no-repeat center center fixed;
	/* Le decimos a webkit (Chrome, Safari...) que se ajuste */
	-webkit-background-size: cover;
	/* Le decimos a Mozilla (Firefox) que se ajuste */
	-moz-background-size: cover;
	/* Le decimos a Opera que se ajuste */
	-o-background-size: cover;
	/* Le decimos a todos que se ajusten */
	background-size: cover;
 
	/* Le decimos a las versiones por debajo de IE 9 que se ajusten xD */
	/* Esto no funciona tal y como en los demas navegadores asi que no te sorprendas */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale')";
 
	/* Color pa que se vea el texto */
	color:#FFF;
}
</style>
</head>
<body>
<h4>Esto es un texto</h4>
</body>
</html>

1. Recuerda que bg.jpg es la imagen de fondo.
2. Recuerda que tienes que usar una imagen bastante grande (resolución).
 2.1 Por ejemplo una de 1024 de ancho.
3. Recuerda que, en IE por debajo de la versión 9, la cosa no funciona bien y el fondo se mueve en vez de reducirse.

Resultado final:


Saludos
« Última modificación: 8 Febrero 2012, 00:36 por drvy | BSM » En línea
Gcb93

Desconectado Desconectado

Mensajes: 35


Ver Perfil
Re: Fondo fijo
« Respuesta #2 en: 19 Febrero 2012, 16:52 »
Muchisimas gracias, nose porque no conseguia que me saliera
ahora si funciona
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Fondo blanco o fondo negro « 1 2 »
Dudas Generales 		limalimon1 16 1,805 Último mensaje 26 Noviembre 2004, 04:29
por limalimon1
Tablas de tamaño fijo
Desarrollo Web 		Casidiablo 4 1,074 Último mensaje 26 Febrero 2006, 12:25
por asklepiodoto
Ayuda con temperatura, me fijo en mb o en cpu?
Hardware 		SeniorX 3 455 Último mensaje 26 Junio 2006, 05:15
por eloko
grabar telefono fijo en pc
Redes 		subnorvalido 6 2,060 Último mensaje 1 Julio 2006, 00:10
por subnorvalido
subtitulo fijo
Multimedia 		jhavhy 6 376 Último mensaje 1 Julio 2006, 00:43
por jhavhy
Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines