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...

可以用定位来 position

给div的style添加z-index:9999,数值越大,越在最上面 如果是被flash遮住的,可以把flash的wmode设置为transparent

test#father{position:relative;/*父盒子位置要用relative*/margin:20px auto;width:400px;height:100px;border:1px solid red;}#father #a{position:absolute;/*子盒子位置要用absolute*/width:100%;height:50px;background:blue;opacity:0.6;z...

使用z-index属性,例如z-index:1000,数值越大所在层显示的越靠前面,区分两层的显示顺序就可以分别将两层的显示值设置,这样就可以分别出这两层的显示情况。前提是将所显示的层定位,z-index只作用于定位的元素。

把这个层写在页面结构的最后面,定位为relative或者absolute,z-index设成当前页面里的最大值

在父层的父层,增加一个position:relative;即可,然后保证子层的z-index的大小超过父层即可。

两个div 先写好,一个先隐藏,点击后更改其属性,让其显示 Document .outer{ position: relative; height: 300px; width: 500px; background-color: #097df3; } .d1{ display: none; position: absolute; height: 200px; width: 300px; top: 50px; ...

网站地图

All rights reserved Powered by www.ypnh.net

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