为了账号安全,请及时绑定邮箱和手机立即绑定

正在回答

3 回答

定义和用法

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注释:元素可拥有负的 z-index 属性值。

注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!

例子:

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

<body>
<h1>This is a heading</h1>
<img src="/i/eg_smile.gif" />
<p>由于图像的 z-index 是 -1,因此它在文本的后面出现。</p>
</body>
</html>


0 回复 有任何疑惑可以回复我~

就像站在大楼的正上方看楼一样,你只能看到最上面那一层,z-index就是这样,比如你把两张图定位在同一个位置,那么你给哪张图设置的z-index值大你就能看到哪张图

1 回复 有任何疑惑可以回复我~

简单来说,就是起到了覆盖的的作用,一层background是红色,而你想用蓝色覆盖,添加z-index,并将其值设置足够大,可以起到覆盖作用


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225293    人
  • 解答问题       18230    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

z-index是干嘛的

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信