¿Como puedo dejar fijo una imagen de fondo en FireFox?

ricardoworks · #1 (**permalink**) 26/01/2006, 05:58

Hola:

Usando

Código HTML:

bgproperties="fixed"

, dejo fija una imagen de fondo de en I.E. sin embargo, FireFox no respeta esto. Por otro lado, he visitado páginas en los que si se visualiza el fondo fijo en Firefox.

¿Como se consigue esto?. Gracias.

JavierB · #2 (**permalink**) 26/01/2006, 09:13

Hola ricardoworks

Tendrás que usar Css. Ponlo así:

Código:

<body style="background: url('tuimagen.jpg') fixed">

Saludos,

ricardoworks · #3 (**permalink**) 27/01/2006, 06:52

Gracias por tu respuesta JavierB, pero de momento no lo consigo. Tengo este código:

Código HTML:

<style type="text/css">

<!--
	body,html
		{overflow-x:hidden;
		overflow-y:scroll;}
-->

body {
scrollbar-arrow-color: #F2C88D;
scrollbar-base-color: #000000;
scrollbar-dark-shadow-color: #000000;
scrollbar-track-color: #91B7C2;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3d-light-color: #000000;
}
</style>

Supongo que el código que me adjuntas debería ir dentro de ese código, no?

De todas formas... ahí algún hilo del foro donde se expliquen como solventar estas diferencias entre navegadores?.

Gracias y un saludo.

JavierB · #4 (**permalink**) 27/01/2006, 07:11

Hola de nuevo.

Esto debería funcionarte en IE y en Firefox:

Código:

body {
background: url('tuimagen.jpg') fixed;
scrollbar-arrow-color: #F2C88D;
...

El código que has puesto para cambiar el color del scroll solo funcionará en IE y eso, que yo sepa, no tiene solución.

Saludos,

ralfzum · #5 (**permalink**) 21/10/2008, 09:58

Cita:

Iniciado por JavierB

Hola ricardoworks

Tendrás que usar Css. Ponlo así:

Código:

<body style="background: url('tuimagen.jpg') fixed">

Saludos,

javier b eres un genio.he puesto el codigo tal como dices y me ha funcionado.muchas gracias

taoshi · #6 (**permalink**) 13/07/2009, 09:50

Hola tengo una duda, funciona bien el "fixed" en hojas con la extensión .php?? o solo en html

El contenido de mi hoja es en html de los pies a la cabeza pero contiene un <?php include("buuuu.htm"); ?> que si no ponía la extensión de la hoja en .php el navegador no me visualiza el contenido como es debido. Y ahora tengo este problema.

Os adjunto el trozo de código para que veáis como tengo puesto el fondo:

Código:

<body style="background-image: url('fondo11.jpg') fixed">

Como no funciona también lo he puesto en el css de esta manera:

Código:

.fondoweb {
	background-image: url('fondo11.jpg') fixed;

Sé que estando el fixed tanto en el css como en el body de la hoja no funciona pero como ya de por si estando en el body no me funciona quería saber porque xD

Gracias.

Alheran · #7 (**permalink**) 01/10/2009, 17:36

Cita:

Iniciado por taoshi

Hola tengo una duda, funciona bien el "fixed" en hojas con la extensión .php?? o solo en html

El contenido de mi hoja es en html de los pies a la cabeza pero contiene un <?php include("buuuu.htm"); ?> que si no ponía la extensión de la hoja en .php el navegador no me visualiza el contenido como es debido. Y ahora tengo este problema.

Os adjunto el trozo de código para que veáis como tengo puesto el fondo:

Código:

<body style="background-image: url('fondo11.jpg') fixed">

Como no funciona también lo he puesto en el css de esta manera:

Código:

.fondoweb {
	background-image: url('fondo11.jpg') fixed;

Sé que estando el fixed tanto en el css como en el body de la hoja no funciona pero como ya de por si estando en el body no me funciona quería saber porque xD

Gracias.

A mi el fixed me funciona perfectamente en archivos .php, yo lo trabajo con hoja en CSS por aparte, no he probado si incrustandolo dentro del mismo documento varia el resultado.

Veo que en tu CSS pones .fondoweb, y se me viene esta pregunta: ¿Porque colocas el fondo en una clase y no en el body?

Intenta esto en tu CSS

body {
background: url('tuimagen.jpg') fixed;

...
}

orlo · #8 (**permalink**) 01/10/2009, 23:53

Cita:

Iniciado por Alheran

A mi el fixed me funciona perfectamente en archivos .php, yo lo trabajo con hoja en CSS por aparte, no he probado si incrustandolo dentro del mismo documento varia el resultado.

Veo que en tu CSS pones .fondoweb, y se me viene esta pregunta: ¿Porque colocas el fondo en una clase y no en el body?

Intenta esto en tu CSS

body {
background: url('tuimagen.jpg') fixed;

...
}

Exacto, me parece que para que como fondo aparezca en toda tu página (hoja HTML) debe ir en el body, y con el código que te proponen debería funcionar correctamente en ambos navegadores.