码迷,mamicode.com
首页 > 其他好文 > 详细

Z-Index属性——定义元素在页面中的层次

时间:2015-02-26 06:29:38      阅读:96      评论:0      收藏:0      [点我收藏+]

标签:

说明:设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近,为负数则表示离用户更远。

注释:元素可拥有负的 z-index 属性值。Z-index 仅能在定位元素上奏效(例如 position:absolute;)!

 

可用的值:

auto:默认。堆叠顺序与父元素相等。

number:设置元素的堆叠顺序。

inherit:规定应该从父元素继承 z-index 属性的值。

 

实例:

<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" /> 
        <p>默认的 z-index 是 0。Z-index -1 拥有更低的优先级。</p>
    </body>
</html>

 

详细:http://www.w3school.com.cn/cssref/pr_pos_z-index.asp

Z-Index属性——定义元素在页面中的层次

标签:

原文地址:http://www.cnblogs.com/xxlhcjh/p/4300483.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!