Je voudrais montrer comment créer rapidement un fond translucide. Si vous utilisez la commande opacity en CSS, l'arrière-plan deviendra certainement transparent, mais avec elle aussi tout ce qui s'y trouve.
Comment résoudre ce problème? J'ai fouillé sur Internet et j'ai trouvé un moyen merveilleux, dont je vais vous parler maintenant.
Disons que c'est votre site (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 ligne "" inclut une feuille de style CSS.
Le voici (il s'appelle style.css):
body{ background: " " ; * background-attachment: fixed ; background-position: top center; } .mid{ width: 1250px;** margin: 0 auto; background: rgba(161,21,207, 0.5);*** }
Dans la classe moyenne 3, la ligne définit la couleur de la couleur translucide au format RGBA. Ses 4 chiffres, dans ce cas 0,5, est la valeur de transparence de 0 à 1.
Si simple. Essayez-le, vous réussirez sûrement!
* - insérez des images d'url ici
** - définissez la largeur de la page (pour cela, nous avons créé la classe mid dans le code html)
*** - rgba est la couleur au format rgb. La dernière lettre (a) indique la transparence de l'arrière-plan. Sa valeur est un chiffre de 0 à 1. 0 est un fond complètement transparent, respectivement, 1 est le contraire.