浅析z-index为什么不生效

z-index相信大家都知道是干什么的。可是有时我们在使用时他却没有显示作用,这是为什么呢?

<div style="z-index:4;width:560px;background-color:Aqua; ">不生效 <a href="http://jihua.cnblogs.com">jihua.cnblogs.com</a></div>
<div style="z-index:3;width:360px;background-color:Fuchsia; position:absolute;">有效 <a href="http://jihua.cnblogs.com">jihua.cnblogs.com</a></div>
<div style="width:760px;background-color:Silver;">底部</div>

效果如下
不生效 jihua.cnblogs.com
有效 jihua.cnblogs.com
底部 jihua.cnblogs.com

分析:
 Z-index 仅能在定位元素上生效,所以给div的style加上z-index:3的同时,要记得加上position:absolute;或者position:fixed;,才能生效

时间: 2024-12-17 19:02:34

浅析z-index为什么不生效的相关文章

Linux使用技巧 z命令

各位博友,你们好,我上月有点忙,所以没有更新博客,这次为你们带来的是<z命令> 当我们用"cd"命令进入一个特别长的目录时,会感觉很麻烦,z命令可以解决这个问题 z命令的源码:https://github.com/rupa/z/blob/master/z.sh 将z命令的源代码复制粘贴至Linux的家目录,文件名为"z.sh" 用"source z.sh"让其生效,现在就可以用z命令啦 z命令+目录名(此目录必须是以前跳转过的) 步骤

QAbstractItemView::setRootIndex(const QModelIndex &amp; index) 失效

问题: 在逻辑中使用了, QAbstractItemView::setRootIndex(const QModelIndex & index), 第一次设置生效, view 进入了model 中指定的item, view 内只显示该item内部的children items. 这个效果是我要的. bug: 对 model, view,等做过一些操作后(最有代表性的是:过滤), root item 不再是我人为设定的了, 变成了"整棵树"原始model的root. 重现方式: 用

[oracle]创建查看 LOCAL INDEX

create index IDX_T_GPS_CPH_local on T_GPS (CPH) local; create index IDX_T_GPS_SJ_local on T_GPS (SJ) local; select * from dba_ind_partitions where index_owner ='GPSV4_HIS' order by partition_name 从结果推看,建立Local索引时如果不指定分区,则每个分区上都建立一个. ----------- http:

MySQL ICP(Index Condition Pushdown)特性

一.SQL的where条件提取规则 在ICP(Index Condition Pushdown,索引条件下推)特性之前,必须先搞明白根据何登成大神总结出一套放置于所有SQL语句而皆准的where查询条件的提取规则:所有SQL的where条件,均可归纳为3大类:Index Key (First Key & Last Key),Index Filter,Table Filter. 接下来,简单说一下这3大类分别是如何定义,以及如何提取的,详情请看:SQL语句中where条件在数据库中提取与应用浅析.

深入理解CSS中的层叠上下文和层叠顺序(转)

by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=5115 零.世间的道理都是想通的 在这个世界上,凡事都有个先后顺序,凡物都有个论资排辈.比方说食堂排队打饭,对吧,讲求先到先得,总不可能一拥而上.再比如说话语权,老婆的话永远是对的,领导的话永远是对的. 在CSS届,也是如此.只是,一般情况下,大家歌舞升平,看不出什么差异,即所谓的众生平等.但是,当发生冲突发生纠葛的时

SElinux管理

SELinux: Secure Enhanced Linux(安全强化的linux) SElinux安全上下文是由五个元素组成的: ①User:指示登录系统的用户类型,如root,user_u,system_u,多数本地进程都属于自由(unconfined)进程 ②Role:定义文件,进程和用户的用途:文件:object_r,进程和用户:system_r ③Type:指定数据类型,规则中定义何种进程类型访问何种文件Target策略基于type实现,多服务共用:public_content_t ④

CSS中的层叠上下文和层叠顺序

copy @ from http://www.zhangxinxu.com 四.务必牢记的层叠准则 下面这两个是层叠领域的黄金准则.当元素发生层叠的时候,其覆盖关系遵循下面2个准则: 谁大谁上:当具有明显的层叠水平标示的时候,如识别的z-indx值,在同一个层叠上下文领域,层叠水平值大的那一个覆盖小的那一个.通俗讲就是官大的压死官小的. 后来居上:当元素的层叠水平一致.层叠顺序相同的时候,在DOM流中处于后面的元素会覆盖前面的元素. 在CSS和HTML领域,只要元素发生了重叠,都离不开上面这两个

css position(定位)

一个定位元素(positioned element)是其计算位置属性为 relative, absolute, fixed 或 sticky 的一个元素. 相对定位元素(relatively positioned element)是计算后位置属性为 relative的元素. 绝对定位元素(absolutely positioned element)是计算后位置属性为 absolute 或 fixed 的元素. 粘性定位元素(stickily positioned element)是计算后位置属性

linux安全---selinux安全控制

了解selinux,设置给文件selinux的安全上下文件,复制.移动对selinux规则的影响,设置apache.vsftpd的selinux规则 1.了解selinux 1)DAC:指用户访问资源的控制,即权限 MAC:selinux标签,限制进程访问资源,进程归用户所有:当用户调用进程去访问资源(file)时,检查selinux安全标签,匹配了才能访问. selinux使用selinux用户.角色.类型和级别控制进程访问资源. selinux属性的格式:user:role:type:lev

SELinux 简单介绍

在linux操作系统中,SELinux提供了一个安全精细化的策略规则,这个类似于网络中的ACL规则,用于对文件进行访问控制.但是对于大多数系统管理员来说,往往觉的SELinux过于繁琐而直接禁用,其实在安全性要求较高的场景,合理的使用SElinux可以使我们的系统更加稳固. SELinux的目的是确保进程如何在Linux环境中访问文件.如果没有SELinux,像Apache守护程序这样的进程或应用程序使用root启动,当应用受到流氓程序的攻击,应用程序可以执行任何所需的操作,因为root对每个文