Maison > interface Web > tutoriel HTML > Comment ajouter un calque en ligne en HTML ?

Comment ajouter un calque en ligne en HTML ?

WBOY
Libérer: 2023-08-29 17:37:09
avant
1140 Les gens l'ont consulté

Comment ajouter un calque en ligne en HTML ?

Utilisez la balise pour ajouter des calques en ligne. La balise HTML est utilisée pour créer un calque qui occupe de l'espace dans le flux de texte contenant. Le contenu suivant est placé après l'espace occupé par .

Cela contraste avec la balise , qui crée un calque au-dessus du flux de texte contenant, permettant au contenu ultérieur d'être placé sur le calque qui vient d'être créé. La balise

HTML

prend en charge les attributs suivants -

attribut valeur description ci-dessus coucheimage en ligne Le nom du calque qui sera positionné directement au-dessus du calque actuel dans l'ordre z. L'image apparaîtra dessus. Below LayersNom de la couleurLa couleur utilisée pour l'arrière-plan du calque en ligne. ClipLes coordonnées de la zone visible du calque en ligne. HauteurpixelsLa hauteur du calque en ligne, en pixels. leftnumberLa position du côté gauche du calque en ligne. Si le calque actuellement en ligne fait partie d'un autre calque. Appelé calque parent - la position est relative au calque parent. NameLayerLa position du côté gauche du calque en ligne par rapport à la fenêtre du navigateur. pageyNuméro La position du haut du calque en ligne par rapport à la fenêtre du navigateur. srcURLL'URL de la page qui apparaîtra dans la couche en ligne. topnumberLa position du haut de la couche en ligne. Si le calque en ligne actuel est un autre calque, appelé calque parent, la position est relative au calque parent. VisibilityshowDétermine si le calque en ligne est visible. masquerLa largeur du calque en ligne, en pixels. z-indexnumberLa position du calque en ligne dans l'ordre z. Les calques en ligne avec des valeurs Z-INDEX plus élevées sont placés au-dessus des calques en ligne avec des valeurs Z-INDEX inférieures. tag -

>

nom

Name

Le nom du calque en ligne que vous souhaitez positionner directement sous le calque actuel dans l'ordre z.

bgcolor

rgb(x,x,x)

#xxxxxx

Number

td>

Name

Le nom du calque en ligne.

pagex

Number

p>

hériter

largeur

pixels

Exemple

Vous pouvez essayer d'exécuter le code suivant pour obtenir

<!DOCTYPE html>
<html>
   <head>
      <title>HTML ilayer Tag</title>
   </head>
   <body>
      This <ilayer top = "4">word</ilayer> is shifted down, while this
      <ilayer left = "10">one</ilayer> is shifted over. With a negative value,
      words can be moved <ilayer top = "-4">up</ilayer> and to the
      <ilayer left = "-10">left</ilayer>.
</body>
</html>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:tutorialspoint.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal