`
gongmingwind
  • 浏览: 578201 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

z-index 定义和用法

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

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

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

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


JavaScript 语法:

object.style.zIndex="1"



参考:http://www.w3school.com.cn/css/pr_pos_z-index.asp
分享到:
评论

相关推荐

    详解CSS中的z-index属性在层叠布局中的用法

    在我看来,z-index 给了我们日常工作中以极大的帮助,我们用它来定义元素的层叠级别(stack level)。受益于它,你能做Popup, DropDown, Tips, 图文替换等等。 在开始本篇之前,或许我们要先了解一下关于z-index的...

    [原创]基于Jquery的PANEL窗体插件

    10、用户可以自定义当“重定义窗体宽高”、“重定义绝对定位”、“重设置Z-INDEX值”时分别发生的事件方法。其中绑定“重定义窗体宽高”事件很有用,比如用在窗体尺寸变化后,将内容框里的DOM元素重新Resize. 本品...

    sass-settings-maps:将Sass贴图与函数和点表示法一起使用

    Sass设置图 将Sass映射与函数和点符号一起使用。 例如,此方法使您可以编写如下内容: width: setting('component .header .width'); ... z-index : setting ( ' zIndex.default ' ); } 将输出:

    powerbuilder

    功能定义打印作业使用的字体,对每个打印作业PowerBuilder支持八种字体。 语法PrintDefineFont(printjobnumber,fontnumber,facename,height,weight,fontpitch,fontfamily, italic,underline) 参数printjobnumber:用...

    grub4dos-V0.4.6a-2017-02-04更新

    1.skip_to()函数修改,对于引号里面的”\”使用以前的方法处理,保持兼容性。(chenall) 2.add variable @boot,add debug info。(chenall) 3.two variables boot_drive and install_partition can be preset to a ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -增加TabStrip中Tab控件可关闭属性EnableClose(默认为false)以及两个方法GetShowReference和GetHideReference(feedback:anson)。 -修正绑定到Tree的XMLDocument中Icon属性映射错误(feedback:nopnop9)。 -修正...

    web-basic

    CSS 盒模型 垂直居中 其实要想水还很再水出方法12,方法13等等,... relative(相对定位)对象符合标准文档流中,依赖顶部,右侧,底部,左侧等属性相对于该对象在标准文档流中的位置进行偏移,同时可通过z-index定义

    commons-fileupload-1.2.jar和commons-io-1.3.2.jar

    -下载后解压zip包,将commons-fileupload-1.1.1.jar,和commons-io-1.2.jar(这里我们用的是更新的版本,但是用法是一样的)复制到tomcat的webapps\你的webapp\WEB-INF\lib\下,如果目录不存在请自建目录。 新建一个...

    零基础学HTML CSS源代码

    示例描述:本章演示移动字体和图片用法。 移动的基本语法.html 移动的基本语法。 文字的移动方向.html 设置文字的移动方向。 图片的移动.html 设置图片的移动。 设置移动对象.html 设置设置...

    goodrocket-css:基于ITSS架构和OOCSS原理的Sass动力,移动优先的模块化CSS滑板

    考虑排版设置,调色板,间距单位,断点,z-index图层等。 特定于组件的变量(例如$carousel-width在组件局部中定义。 这样,我们可以使这一层保持苗条,并且可以轻松地找到大多数变量以及使用它们的代码。 注意: ...

    artDialog_Demo

    2、 修复Opera无法正确处理对话框叠加高度(z-index)的BUG 3、 修复Opera设置坐标时候出现的变形BUG v2.0.7 1、 url参数加载外部页面的时候显示loading动画 2、 预加载皮肤背景图片 3、 优化拖动 v2.0.6 1、 ...

    正则表达式

    JavaScript的RegExp对象和String对象定义了使用正则表达式来执行强大的模式匹配和文本检索与替换函数的方法. 在JavaScript中,正则表达式是由一个RegExp对象表示的.当然,可以使用一个RegExp()构造函数来创建RegExp...

    Django 请求Request的具体使用方法

    在定义路由URL时,使用正则表达式提取参数的方法从URL中获取请求参数,Django会将提取的参数直接传递到视图的传入参数中。 未命名参数按顺序传递, 如 url(r'^index/([a-z]+)/(\d{4})/$', views.index), def index...

    ExtAspNet_v2.3.2_dll

    -增加TabStrip中Tab控件可关闭属性EnableClose(默认为false)以及两个方法GetShowReference和GetHideReference(feedback:anson)。 -修正绑定到Tree的XMLDocument中Icon属性映射错误(feedback:nopnop9)。 -修正...

    原生JS利用transform实现banner的无限滚动示例代码

    在布局上所有的图片都是重叠的,即只要保证Y方向对齐即可,当前可见的图z-index层级最高。 每隔3s中更换一张图片,使用setTimeout定时。 使用gIndex记录当前可视区域的展示的是哪张图片下标,每次更换,计算下...

    安装 SUSE Linux Enterprise Server --服务器版

    包含对如何使用 YaST 安装和配置系统的完整说明。 2.1 从本地可交换驱动器引导 CD-ROM、软盘驱动器和 USB 记忆棒可以用于安装。请按需要调整计算机: 1. 确保该驱动器在 BIOS 中输入为可引导驱动器。 2. 将引导媒体...

    一个java正则表达式工具类源代码.zip(内含Regexp.java文件)

    * [a-z&&[^bc]] a through z, except for b and c: [ad-z] (subtraction) [a-z&&[^bc]] 从a 到 z, 但 b 和 c 除外: [ad-z] (子集) * [a-z&&[^m-p]] a through z, and not m through p: [a-lq-z](subtraction...

    利用label标签和CSS美化文件上传表单(不兼容IE6)

    首先,我们要新增一个与file相册大小的button按钮,然后利用label为初始的file类型表单定义标注(关于label的解释与用法,此处不详解,不了解的请自行查阅HTML手册)。如此一来,一个可以触发选择文件表单的按钮就出来...

Global site tag (gtag.js) - Google Analytics