Ouvrez le fichier HTML de la page Web que vous souhaitez modifier. Utilisez un éditeur de code, comme jEdit, Notepad ++ ou BBEdit. Les balises HTML venir en paires avec une ouverture et une balise de fermeture, et le contenu touchés par les balises sont enfermés dans eux. Trouver les balises entourant le contenu que vous souhaitez donner aa fond semi-transparent. Voici un exemple:
Contenu...
Ouvrez le fichier CSS pour votre site Web dans l'éditeur de code. Si votre site ne pas utiliser un fichier CSS, ajouter le code CSS entre les balises entre le
tags sur votre fichier HTML. Ajouter ce code CSS:div #box .blue {}
Le texte devant les accolades sont sélecteurs CSS. Le premier sélecteur sélectionne par nom de tag, les deuxièmes sélectionne par ID et les dernières sélections de nom de la classe. Vous avez seulement besoin d'un sélecteur, mais vous pouvez ajouter plusieurs sélecteurs comme le montre l'exemple. Utilisez les informations que vous trouvez dans les balises HTML pour écrire vos sélecteurs.
Ajouter vos règles de style CSS entre les accolades. Utiliser RGBA - rouge, vert et bleu avec transparence alpha - pour définir une couleur semi-transparente à l'arrière-plan. Obtenez les valeurs de rouge, vert et bleu à partir de votre programme graphique ou les trouver en utilisant un outil de couleur-picking sur Internet. Le code ressemble à ceci:
.bleu {
background-color: rgba (0,0,255,0.5);
}
L'exemple ci-dessus rend la couleur de fond bleu avec 50 pour cent d'opacité. Réglez la dernière valeur dans les quatre-numéro réglé sur "1" pour rendre une couleur pleine opacité.
Ajoutez le code suivant entre le
Tags de votre fichier HTML pour faire la couleur de fond semi-transparent compatible avec Internet Explorer 8 et ci-dessous:Remplacez les six premiers chiffres après "startColorstr =" avec le code de couleur hexadécimal, que vous pouvez trouver en utilisant un outil de sélecteur de couleur sur l'Internet. Remplacer les deux derniers chiffres avec le pourcentage d'opacité que vous voulez, comme "50" pour 50 pour cent ou "75" 75 pour cent. Faire la valeur de "endColorstr" identique à "startColorstr".