Les partenaires publicitaires:

Comment amener une image vers l'avant en CSS

Lorsque vous concevez des pages Web, l'image sur votre site peut être recouverte par texte et autre contenu sur la page. Heureusement, vous avez la possibilité de mettre en avant l'image en utilisant Cascading Style Sheets (CSS). Avec CSS, vous utilisez l'attribut z-index, similaire à la "Mettre en avant" la capacité d'un programme de traitement de texte, de positionner vos graphiques. Utilisez la demande de l'éditeur de texte de votre ordinateur pour appliquer la CSS qui modifie la position de votre image.

Instructions

  1. Lancez votre éditeur de texte et ouvrez le fichier de site Web qui contient l'image que vous souhaitez modifier.

  2. Tapez le code CSS suivant après l'ouverture tag:

  3. Placez votre curseur entre les éléments de style et entrez un signe dièse suivi d'un terme de votre choix (par exemple, "#vers l'avant"). Tapez une paire de accolades après votre entrée comme on le voit ici pour créer la règle de style pour votre image:

    vers l'avant { }

    Le signe dièse crée un ID de CSS, qui vous permet de concevoir une règle distincte pour une image particulière sur votre page.




  4. Entrer "Position: absolute-" entre les supports de charger le navigateur pour afficher votre image exactement où vous spécifiez. En outre, le type "z-index:" et entrez une valeur positive en pixels (px) comme ceci:

    avant {position: absolute- z-index: 5px-}

    Le z-index détermine ce empiler l'image afin appears- conséquent, une valeur plus élevée positif spécifie l'image est avancé en premier.

  5. Recherchez le code de l'image que vous souhaitez attribuer la règle de style CSS et entrez "id = # avant" dans la balise. Par exemple:

    http://www.site.com/image.jpg "id =" # avant "/>

    Veillez à remplacer "#vers l'avant" avec le nom de votre propre règle CSS.

  6. Enregistrez votre fichier et de prévisualiser votre travail dans un navigateur Web pour voir la nouvelle position de l'image.

» » » » Comment amener une image vers l'avant en CSS