Con CSS se puede personalizar el fondo de cada objeto de nuestra página, permitiendonos escojer el color de fondo, una imagen, la posición de la imagen, el comportamiento, y las repeticiones de la misma...
El color de fondo
El color de fondo se define usando el atributo background-color y un color RGB cómo valor.
Cita:
background-color: #ff0000;
La imagen de fondo
Podemos definir un objeto con una imagen de fondo usando el atributo background-image y cómo valor una forma del estilo url(imagen.jpg), por ejemplo
Cita:
background-image: url(imagen.gif);
La posición del fondo
La imagen de fondo se puede aliniar a la parte superior, inferior.., para esto usaremos el atributo background-position, indicando uno o mas de los siguientes valores:
top - Aliniar en la parte superior
bottom - Aliniar en la parte inferior
center - Aliniar en el medio
left - Aliniar a la izquierda
right - Aliniar a la derecha
Vamos a ver un ejemplo de imagen de fondo aliniada en la parte superior derecha
background-position: top right;
El comportamiento
El comportamiento de la imagen de fondo cuando usamos las barras de desplazamiento también se puede definir con el atributo background-attachment, que puede ser:
scroll - La imagen se mueve con el interior del objeto
fixed - La imagen no se mueve
Podemos hacer que el fondo no se desplace al desplazar la página:
Cita:
background-attachment: fixed;
Las repeticiones
Podemos hacer que la imagen de fondo se repita usando el atributo background-repeat:
repeat - La imagen se repite vertical y horizontalmente
repeat-x - La imagen se repite horizontalmente
repeat-y - La imagen se repite verticalmente
no-repeat - La imagen no se repite
Podemos hacer que el fondo no se desplace al desplazar la página
Cita:
background-attachment: fixed;
El atributo background
El atributo background es una mezcla de los cinco anteriores y nos permite usar todos sus posibles valores para definir un fondo rapidamente:
Cita:
background: #ff0000 url(imagen.gif) repeat-x top fixed
Tengo un problema con mi web, le puse un fondo nuevo creando mi propio diseño y con el programa Internet Explorer no se ven los menu y las cosas que ofrezco en la pàgina.
¿Alguien sabe alguna soluciòn para esto?
Tengo un problema con mi web, le puse un fondo nuevo creando mi propio diseño y con el programa Internet Explorer no se ven los menu y las cosas que ofrezco en la pàgina.
¿Alguien sabe alguna soluciòn para esto?
Lo unico que se me ocurre es que el menu no son compatibles con IE ______________ Es una reina, es una reina, fiesta fiesta. Tito el bambino
Pero antes de cambiar el fondo los menu se veian bien.
Sinceramente no entiendo que es lo que ocurre ______________ [URL=http://imageshack.us/photo/my-images/62/nacionalynadamas.jpg/][IMG]http://img62.imageshack.us/img62/6374/nacionalyn
Las cookies son pequeños fragmentos de información de texto que nosotros o nuestros socios, almacenamos sobre usted de forma local por medio de su navegador.
Puede evitar el uso de cookies en cualquier momento a través de la configuración de su navegador.
Usamos las siguientes cookies que cumplen con el GDPR:
- Cookies esenciales: son absolutamente necesarias para que el sitio web sea completamente funcional.
- Cookies opcionales: son opcionales y nos ayudan a mejorar el sitio web, por ej. analizando el comportamiento de uso del sitio web sin identificarle personalmente.
Puede encontrar más información en nuestra sección de protección de datos/privacidad.
Saludo
