ubiquitour.com

Problemas de visualización de Color de fondo para elementos Div

Diseñadores web utilizan una combinación de código HTML y código de hojas de estilo en cascada para especificar colores de fondo. Usando CSS, puede indicarle al navegador del usuario para mostrar un color de fondo específico para cualquier elemento HTML, incluyendo div. Sin embargo, los desarrolladores a menudo problemas en algunos o todos los navegadores al implementar propiedades de CSS. Si un color de fondo de un elemento div no se muestra correctamente, necesitará considerar un número de causas posibles.

Dimensiones de elemento

Según el marcado HTML de la página, un elemento div no puede representar en el navegador con las dimensiones esperadas. El escenario por defecto es el elemento al estirarse para acomodar su contenido. El espacio real ocupado por un elemento div es afectado también por propiedades CSS float aplicadas a él y los elementos alrededor de él. Si un elemento div no llena el espacio que necesita, puede Agregar una propiedad clara a su código CSS, como sigue:div {}claro: ambos;}

Como alternativa, puede especificar dimensiones fijas para el div si esto adapta su diseño de página:div {}width: 500px;altura: 600px;}

Si elemento de primario de div fija dimensiones, puede utilizar valores relativos para el div del mismo:div {}anchura: 100%:altura: 95%;}

Elementos secundarios

Si un elemento div contiene elementos secundarios, puede afectar la visualización de un color de fondo si también tienen propiedades de fondo conjunto. Para solucionar esto, puede quitar las propiedades de fondo de los elementos div de niño o mover los elementos de dentro del div a otra sección de la página. Si el div padre o hijo tiene propiedades de fondo indicando imágenes y color, esto puede afectar también la pantalla. El siguiente CSS se muestra:div {fondo: #000000 url("bgpic.jpg") no-repeat;}

En este caso, el color de fondo negro aparecerá solamente en aquellas áreas de los div que no están cubiertos por la imagen.

Identificadores CSS

Problemas con colores de fondo pueden ser causados por un uso indebido de los identificadores CSS. Código CSS puede identificar elementos div por tipo, como sigue:div {color de fondo: #330000;}

Alternativamente, se pueden identificar elementos únicos utilizando sus atributos de identificación, como sigue:

encabezado {color de fondo: #000033;} Esto identificará el siguiente elemento:< div id = "cabecera" > encabezado de página < / div >

CSS también puede usar atributos de clase para identificar grupos de elementos en una página:div.info {color de fondo: #003300;}

Esto identifica elementos con el siguiente marcado:< div clase = "info" > elemento de información < / div >

Colores CSS

Si código CSS no contiene valores de color con formato correctamente, esto puede evitar que los colores de fondo mostrando correctamente. Declaraciones de CSS pueden utilizar códigos de color hexadecimal, como en el ejemplo siguiente:fondo color: #FF0000;

Esto representa un color rojo brillante. Por otra parte, CSS puede incluir valores RGB - rojo, verde, azul, como sigue:background-color:RGB(255,0,0);

Esto equivale a RGB el color rojo brillante. CSS también pueden representar ciertos colores con nombres, como sigue:fondo-color: rojo;

Si un elemento div es que aparecen sin un color de fondo que aparece en todos, o con el color incorrecto, es recomendable comprobar los valores de color aparecen en el código CSS. Algunos sitios utilizan valores RGBA, que incluyen un indicador de transparencia alfa o HSL--Hue, saturación, luminosidad, valores, aunque estos son menos comunes.