-
Cómo hacer que la tabla del fondo de la célula de opacidad
-
Puede acceder a la propiedad de fondo de la celda de una tabla mediante Cascading Style Sheets (CSS). navegadores web utilizan CSS para dar formato a los contenidos de una página web. Un menor opacidad hace que el fondo de su célula más transparente; una mayor opacidad hace lo contrario. De acuerdo con W3Schools, Firefox usa la opacidad: x la propiedad de transparencia, mientras que Internet Explorer utiliza filtro: alfa (opacidad = x). Debe incluir tanto en el código, por lo que la opacidad puede funcionar correctamente en ambos navegadores.Instrucciones
1 Abre el archivo HTML y añadir el siguiente código dentro de la etiqueta <head> de la página:
<Style type = \ "text / css \">
.opacity {
background-color: rojo
IR
Opacidad: 0,3
IR
filtro: alfa (opacidad = 30)
IR
}
</ Style>2 Reemplazar "rojo" con un color de fondo de su elección.
3 Cambio "0,3" a un número entre "0.0" a "1.0" para Firefox, y el cambio "30" a un número entre "0" a "100" para Internet Explorer.
4 Asegúrese de utilizar los mismos niveles de opacidad para Firefox e Internet Explorer-ejemplo: opacidad: 0,6 y filtro: alfa (opacidad = 60).
5 Añadir siguiente código dentro de la etiqueta <BODY> de su archivo HTML (al crear la tabla) de la siguiente manera:
<Table width = \ "100% \" border = \ "1 \">
<Tr>
<Td> </ td> <td class = \ "opacidad \"> Añada su texto aquí </ td>
</ Tr>
</ Table>6 Asegúrese de que tiene el nombre de la clase correcta (class = \ "opacidad \") en la etiqueta <TD>. Para añadir la opacidad de una célula existente, sustituir la etiqueta <TD> para la celda existente (en su archivo HTML) por el siguiente:
<Td class = \ "opacidad \"> Añada su texto aquí </ td>7 Reemplazar "Añada su texto aquí" con su contenido.
