css如何设置图层在最上面

风之吻网站开发 2024-11-03 485

　　在css中，可以使用“z-index”属性设置图层在最上面，只需要给图层元素设置“z-index:auto”样式即可。z-index属性设置元素的堆叠顺序，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

css如何设置图层在最上面-第1张图片-风享汇

　　本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

　　方法：给元素设置样式

z-index:auto

　　auto可定义为一个值(整数数字)，越大代表越置前，如可定义为： z-index:999。

　　前提是div是定位元素。

　　例子：

<html>

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

<body>
    <h2>这是一个标题</h2><img class="x" src="/i/eg_mouse.jpg" />
    <p>默认的 z-index 是 0。Z-index -1 拥有更低的优先级。</p>
</body>

</html>

　　效果：

css如何设置图层在最上面-第2张图片-风享汇

标签： css

本文地址： http://hui.fzwqq.com/post/151.html

文章来源：风之吻