Maison > interface Web > tutoriel CSS > Comment définir le calque au-dessus en CSS

Comment définir le calque au-dessus en CSS

醉折花枝作酒筹
Libérer: 2023-01-06 11:15:15
original
16941 Les gens l'ont consulté

En CSS, vous pouvez utiliser l'attribut "z-index" pour définir le calque en haut. Il vous suffit de définir le style "z-index:auto" sur l'élément layer. L'attribut z-index définit l'ordre d'empilement des éléments. Les éléments avec un ordre d'empilement supérieur seront toujours devant les éléments avec un ordre d'empilement inférieur.

Comment définir le calque au-dessus en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Méthode : Définir les styles pour les éléments

 z-index:auto
Copier après la connexion

auto peut être défini comme une valeur (nombre entier). Plus la valeur est grande, plus elle est placée haut. Par exemple, elle peut être définie comme. : indice z : 999.

Le principe est que div est un élément positionné.

Exemple :

<html>
<head>
<style type="text/css">
img.x
{
position:absolute;
left:0px;
top:0px;
z-index:-1
}
</style>
</head>

<body>
<h1>这是一个标题</h1>
<img  class="x" src="/i/eg_mouse.jpg" / alt="Comment définir le calque au-dessus en CSS" > 
<p>默认的 z-index 是 0。Z-index -1 拥有更低的优先级。</p>
</body>

</html>
Copier après la connexion

Effet :

Comment définir le calque au-dessus en CSS

Apprentissage recommandé : Tutoriel vidéo CSS

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!

Étiquettes associées:
css
source:php.cn
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