Recherche chaud: chapeau facile point mousse sisterlocks entretien construction cage .dd lapins comment economiser des gemmes enlèvement des 2reins ecriture dun discours dart oratoire comment faire quilling plaisir sans drogues
Index Loisirs Santé Technologie

Comment faire pour créer une couleur de fond semi transparent avec CSS

Publié:2013-09-28Source: général
Advertisement

Comment faire pour créer une couleur de fond semi transparent avec CSS

Lorsque les concepteurs Web ont commencé à utiliser du code pour Cascading Style Sheets (CSS), qui servent à indiquer la couleur et la police pour des sites entiers et éviter ainsi d'utiliser HTML. Depuis 2008, concepteurs de sites Web prennent également le CSS pour éviter d'ouvrir leurs programmes d'édition graphiques. Par exemple, vous pouvez utiliser pure CSS pour ajouter du contenu de la zone semi-transparente d'un site web fonds. Dans le passé, cela nécessitait la création d'un fichier PNG, puis ajouter le Internet Explorer 6 complément à PNG. Les versions d'Internet Explorer 8 et plus tôt encore besoin d'être traités avec réservation mais vous pouvez ajouter un filtre.

Niveau de difficulté:

Modéré

Instructions

1 Ouvrez le fichier HTML que vous souhaitez modifier. Utilisez un éditeur de code comme jEdit, Notepad ++ ou BBEdit. Les balises HTML sont en paires, une pour l'ouverture et un pour la fermeture, le contenu qui seront touchés par les étiquettes entre les deux. Trouver les étiquettes entourant le contenu que vous souhaitez donner à fond semi-transparent. Ceci est un exemple: ***.

2 Ouvrez le fichier CSS à votre site web à partir de l'éditeur de code. Si votre site ne pas utiliser un CSS, vous pouvez l'ajouter à l'aide des étiquettes et *** *** *** entre l'étiquette de votre fichier HTML. Ajouter ce code CSS: *** Le texte devant les touches sont les sélecteurs CSS. Le premier contenu sélectionné par le nom de la balise, la deuxième volonté par son nom identification (attribut id) et le second indique le nom de la classe. Vous avez juste besoin d'un sélecteur, mais vous pouvez ajouter plus comme illustré par l'exemple. Utilisez les informations que vous avez entre les balises HTML pour écrire vos sélecteurs.

3 ajoute le CSS entre les touches. Utilisez le modèle de couleur RGBA - rouge, vert et bleu avec la transparence - pour ajuster la couleur semi-transparente qui sera utilisé comme arrière-plan. Vous pouvez obtenir les valeurs de rouge, vert et bleu avec votre éditeur graphique ou d'un outil de sélection de couleur. Le code ressemblera à quelque chose comme ce qui suit: ***. L'exemple ci-dessus provoque la couleur de fond est bleu avec 50% d'opacité. Définit la valeur du dernier groupe de quatre numéros 1 de faire une couleur avec une opacité complète.

4 Ajouter le code suivant entre le *** de votre fichier HTML pour le rendre semi-transparent support de la couleur Internet Explorer 8 et plus tôt: *** Remplace les six premiers chiffres après "startColorstr =" avec le code hexadécimal couleur, que vous pouvez trouver en utilisant un outil de sélection de couleur en ligne. Remplacer les deux derniers chiffres et pourcentage d'opacité que vous voulez, vous pouvez être 50 à une opacité de 50% ou de 75 à 75% d'opacité. Faire la valeur de "endColorstr" est égal à "startColorstr =".

Lire cet article en Inglés: Comment créer un fond semi-transparent couleur en CSS

[Rédacteur: Admin]
Je vous imagine comme

Articles recommandés

Cliquez Top Ranking