www.ypnh.net > Css怎么让一个图层覆盖在另一个上

Css怎么让一个图层覆盖在另一个上

body {position:relative;z-index:0;}#div1 {width:200px;height:100px;background-color:red;z-index:10;}#div2 {width:150px;height:80px;margin:-20px 0 0 20px;background-color:blue;z-index:20;}div1div2这样就可以了

这个跟html元素的定位方式有关. div默认的是 后面一个div根据前一个div来定位. 也就是相对定位; 而你这里需要的,实际上就是两个div根据他们的父容器来定位, 也就是绝对定位. 并且, 后面一个div覆盖到前一个上面. 所以, 你应该使用的是 .parentDi...

设置div样式 z-index:auto auto可定义为一个值(整数数字),越大代表越置前,如可定义为: z-index:999。 前提是div是定位元素代码实例如下: 1、 2、 3、 3、.div1{ width: 200px; height: 100px; background: red; float: left; } 5、.div2{ wi...

重叠在一起需要改变默认的布局方式,将其中一个显示在上层需要设置深度顺序,这两点分别用如下样式完成 position: absolute; /*设置为绝对定位*/z-index:999; /*设置重叠的上下次序,值越大月在上方*/示例如下 创建Html元素 我是绝对定位,并且...

用css控制, 把下面的那个设置成:style="position:relative" 上面的那个设置成:style="position:absolute;z-index:5;left:0;top:0"

使用z-index属性来设置层叠顺序。 z-index用于确定元素在当前层叠上下文中的层叠级别,并确定该元素是否创建新的局部层叠上下文。 每个元素层叠顺序由所属的层叠上下文和元素本身的层叠级别决定(每个元素仅属于一个层叠上下文)。 同一个层叠上...

z-index属性只能用于定位元素,虽然你的黑色div有定位(fixed),但棕色和白色div没有定位的话,对他们两不起作用。可以给他们设置相对定位:position:relative;

可以用定位来 position

这种问题首先检查div的css中的position属性,看是relative的还是absolute的,然后再检查z-index看数值就行了。 如果不懂,看看我推荐的这篇文章,里面讲得很详细。 http://www.jb51.net/css/24941.html

网站地图

All rights reserved Powered by www.ypnh.net

copyright ©right 2010-2021。
www.ypnh.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com