zoukankan      html  css  js  c++  java
  • CSS zindex 属性

    定义和用法

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

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

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

    说明

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

    默认值: auto
    继承性: no
    版本: CSS2
    JavaScript 语法: object.style.zIndex="1"

    实例

    设置图像的 z-index:

    img
      {
      position:absolute;
      left:0px;
      top:0px;
      z-index:-1;
      }
    

    TIY

    浏览器支持

    所有主流浏览器都支持 z-index 属性。

    注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

    可能的值

    描述
    auto 默认。堆叠顺序与父元素相等。
    number 设置元素的堆叠顺序。
    inherit 规定应该从父元素继承 z-index 属性的值。

    TIY 实例

    Z-index
    Z-index 可用于将在一个元素放置于另一元素之后。
    Z-index
    上例中的元素已经更改了 Z-index。

    相关页面

    CSS 教程:CSS 定位

    HTML DOM 参考手册:zIndex 属性

    出自:http://www.w3school.com.cn/css/pr_pos_z-index.asp

  • 相关阅读:
    IO
    多线程
    常用类
    异常
    接口
    面向对象
    面向对象
    学习数组
    for的嵌套循环
    XML:是什么?怎样工作的?可以做什么?将来的发展有会怎样?
  • 原文地址:https://www.cnblogs.com/mfryf/p/3119574.html
Copyright © 2011-2022 走看看