Me gustaría mostrar cómo hacer rápidamente un fondo translúcido. Si usa el comando de opacidad en CSS, entonces el fondo ciertamente se volverá transparente, pero con él también todo lo demás que está en él.
¿Cómo solucionar este problema? Rebusqué en Internet y encontré una manera maravillosa, de la que te hablaré ahora.
Digamos que este es su sitio (html):
<html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title> </title> </head> <body> <div class="mid"> <p> </p> . . </div> </body> </html>
La línea "" incluye una hoja de estilo CSS.
Aquí está (se llama style.css):
body{ background: " " ; * background-attachment: fixed ; background-position: top center; } .mid{ width: 1250px;** margin: 0 auto; background: rgba(161,21,207, 0.5);*** }
En la clase media 3, la línea establece el color del color translúcido en formato RGBA. Sus 4 dígitos, en este caso 0,5, es el valor de transparencia de 0 a 1.
Tan simple Pruébalo, seguramente tendrás éxito!
* - inserta imágenes de URL aquí
** - establece el ancho de la página (para esto creamos la clase media en el código html)
*** - rgba es el color en formato rgb. La última letra (a) indica la transparencia del fondo. Su valor es un dígito de 0 a 1. 0 es un fondo completamente transparente, respectivamente, 1 es lo contrario.