Recherche chaud: adoucir vetement rugueux scintigraphie osseuse tache blanche comment sonder les gens wikihow wikihow cristaux bismuth faire un pictionnary maison capacite du baril exemple davantages intangibles? pourquoi la porte coupe feu
Index Loisirs Santé Technologie

Avancer image avec CSS

Publié:2013-01-04Source: général
Advertisement

Avancer image avec CSS

Lors de la conception des pages web, des images de votre site peuvent être recouvertes par le texte et le contenu de la page. Heureusement, vous avez la possibilité de présenter une image en utilisant des feuilles de style en cascade (CSS). Avec CSS, des utilisations similaires à la capacité de l'attribut z-index, "Mettre en avant" d'un programme de traitement de texte pour positionner votre graphique. Utilisez un éditeur de texte de votre ordinateur pour appliquer le CSS pour changer la position de vos images.

Niveau de difficulté:

Modérément difficile

Instructions

1 Ouvrez un éditeur de texte, puis déposer le site Web contenant l'image que vous souhaitez modifier.

2 Entrez le code CSS suivant après l'ouverture du <head> <style type = "text / css"> </ style>

3 Placez votre curseur entre les éléments de style et tapez un signe nombre suivi par un terme de votre choix (par exemple "#forward"). Ecrire une paire de clés après que, comme indiqué ici pour créer la règle de style à votre image: #forward {} Le signe dièse crée un ID de CSS, qui vous permet de concevoir une règle différente pour une image particulière dans votre page.

4 Ecrire "position: absolute;" les crochets pour indiquer au navigateur d'afficher votre image exactement où vous spécifiez. Il a également écrit "z-index" et entrez une valeur positive en pixels (px) comme suit: #forward {position: absolute; z-index: 5px;} Z-index détermine l'ordre apparaît dans l'image, par conséquent, une plus grande valeur positive indique que l'image est plus en avant.

5 Recherchez l'image de code que vous voulez attribuer à la règle CSS et tapez "id = # avant" dans la balise. Par exemple: <img src = "http://www.site.com/image.gif" id = "# avant" /> Soyez sûr de remplacer "#forward" avec le nom de votre propre règle CSS.

6 Enregistrez le fichier et voir un aperçu de votre travail dans un navigateur Web pour voir la nouvelle position de l'image.

Lire cet article en Inglés: Comment amener une image vers l'avant en CSS

[Rédacteur: Admin]
Je vous imagine comme

Articles recommandés

Cliquez Top Ranking