全透视：CSS Z-index 属性（2）
作者：竹馥堂主 来源：osmn00.com 发布时间：2009-09-21 12:52:00
标签：css,z-index,层叠,属性
自然的层叠顺序
在一个HTML页面中，自然的层叠顺序（也就是元素在Z轴上的顺序）是由很多因素决定的。下面的是一个列表，它展示的列表项是处于一个层叠环境（stacking context，暂时未找到合适的汉语翻译，应该是指层叠的元素所处的那个层叠的环境）中，这些项是处于这个层叠环境的底部的。这个列表中的项都没有被赋予Z-index属性。
·元素的背景和边框会创建一个stacking context
·具有负值的stacking contexts元素，按照出现的先后顺序排列（越靠后层级越靠上）
·没有被定位，没有浮动的块级元素，按照出现的先后顺序排列
·没有被定位，浮动的元素，按照出现的先后顺序排列
·内联元素，按照出现的先后顺序排列排列
·被定位的元素，按照出现的先后顺序排列
Z-index 属性，当被正确使用的时候，会改变自然的层叠顺序。
当然，除非元素已经被定位按照互相交叠的形式展现，否则元素的层叠顺序并不会特别的明显。下面的，负边距的BOX被拿来展示，用以说明自然的层叠顺序。
上面的BOX被定义了不同的背景和边框色，并且后两个是交错的并且定义了负值的顶部边距，所以我们可以看到自然的层叠顺序。灰色的BOX在标记中位于第一位，蓝色的BOX位于第二位，金色的排在第三。应用的负边距明确的表明这个事实：这些元素未被设置Z-index 属性；它们的层叠顺序是自然的，或者是默认的，复合规则的。产生交错的现象都是因为负值的边距。
0
投稿猜你喜欢
- 我的朋友没在服务器上设置DSN，可他一样访问数据库，他是怎样做到的？ 其实，只要我们知道数据库文件名(比如Access、Parad
- 一、数字类型所谓的“数字类”，就是指 DECIMAL 和 NUMERIC，它们是同一种类型。它严格的
- 今天再为大家提供一种方法：不需要安装Excel也可以导入到我们的SQL Server数据库。首先用SQL Server自身的数据转换功能把E
- 我们先用 new 关键字 来创建一个ArrayList 对象，给数组的item赋值，把数组初
- 1、简述asp的6个内置对象和其功能答案 : session ,server ,response,request,objectcontext
- SQL是用于访问ORACLE数据库的语言，PL/SQL扩展和加强了SQL的功能，它 同时引入了更强的程序逻辑。 PL/SQL支持DML命令和
- 不同于行级或页级锁定的选项：· 版本(例如，为并行的插入在MySQL中使用的技术)，其中可以一个写操作，同时有许多读取操作。这明数据库或表支
以下是几个文件操作过程，创建文件，删除文件，修改文件:- CSS如何做细线表格？天天用Div，倒把CSS表格细线这个最基础的应用忘了。table { border-collapse:&nb
- 对于access数据库的日期时间类型字段存储的日期，直接从数据库中读出显示的效果是带时间的如，2009-06-13 18：00 ，如果只是希
- 分享几个字体设计:1.巧克力2.绿野邂逅是人间四月天3.去年花开的时候4.仲夏梦之夜5.芊芊茉莉香6.玫瑰人生7.真情告白8.遮掩锋芒
- <％'该函数作用：按指定参数格式化显示时间。'numformat=1:将时间转化为yyyy-mm-dd h
- Oracle分页存储过程的思路于sqlserver的思路是一样的，但是我这里做了点改动，在因为Oracle的语法和规则的不同所以，Oracl
- 在最近的一次调试中，出现如下错误~·错误类型：ADODB.Recordset (0x800A0E7D)连接无法用于执行此操作。在此上下文中它
- 现像如下:站点无法打开,或者打开很慢.HTML可以打开.重新启动或者回收应用程序池可恢复.但过一段时间又会出现日志里会有:ISAPI
- Insert 和 Update假设现在你要把下面的数据插入到数据库中.ID = 3TheDate=mktime(0,0,0,8,31,200
- asp使用fso对象遍历目录及目录下的文件代码：<％@ Language=VBScript ％><％&
- IIS上设置301 跳转相信大家都会，只要在网站-属性-主目录里 选择重定向URL就行了，这样整站就跳转到目标站点了，但是有个问
- 分页，就是按照某种规则显示分组数据集，但是在SQL Server 中，分页并不是十分容易就能够实现。在过去，开发人员通常需要自己编写程序，使
- HTML 的空白符处理规则HTML 中的“空白符”包括空格 (space)、制表符 (tab)、换行符 (CR/LF) 三种。我们知道，在默
