IE6 一个DIV覆盖另外一个DIV有什么好办法

时间:2021-02-10 14:43:45
IE6 一个DIV覆盖另外一个DIV有什么好办法?

Z-INDEX好像没用


请高人过两招,最近老在这里卡着

19 个解决方案

#1


是因为你没有设置 div 的 position top left 所以 Z-INDEX 不起作用

#2


你两个div不能是 祖先-后代关系 

如果不是  那 设置 position 再设置 z-index

#3


最底下,最外层那个DIV要设置Z-INDEX:0才有用。

#4



<html>
<head></head>
<body>
<div>测试</div>
<div style="position: relative; background: red; width: 200px; height: 100px;">
<div style="position: absolute; left: 0px; top: 0px; background: blue; width: 190px; height: 90px;">
</div>
</div>
</body>
</html>

#5


建议,
先把所有的CSS属性去掉,测试index有用不(IE6下,应该没问题)
再对照加上的属性,应该是position,把两个设置成一样的position试试


wan
[img=http://wpa.qq.com/pa?p=1:79608028:1][/img]

#6


把要隐藏的 div 的Z-INDEX:-1;  试试

#7


设置 div 的 position top left 试试吧

#8


方法一的性能不怎么好,但是还是好使。
方法一:
在页面的顶部放一个 iframe:

< iframewidth="0" scrolling="no"height="0"

frameborder ="0" class="iballoonstyle" id="iframetop">

</ iframe >

方法二:
要想要div覆盖另一个div,先要设置:position:absolute 绝对定位,然后设置z-index的值,如果还没效果,就把两个div的z-index值都要设置一下。覆盖的div要比被覆盖的div的值要小。

#9


2楼+3楼=正解!

#10


失误
1楼+3楼

#11


不知道是不是我理解错了,是不是让两个DIV的top和left值相同,并且把在上面的DIV的z-index值高于下面的就可以实现覆盖了!我也是菜鸟,不知是不是你想问的!

#12


要对2个div都进行相对或绝对定位,再设置z-index的值,值大的覆盖值小的。

#13


8楼正解!

#14


当然设置了POSITION啦,但是IE78火狐都有效,就IE6无效

#15


left 与 top 呢?有没有设置?

#16


设置了,我发觉IE7也无效

#17


就IE8和火狐正常

#18


问题解决了,我换了一种方法写代码。你们的方法可行

#19


你换的什么方法写的代码就可行了??原来是怎么写的?

#1


是因为你没有设置 div 的 position top left 所以 Z-INDEX 不起作用

#2


你两个div不能是 祖先-后代关系 

如果不是  那 设置 position 再设置 z-index

#3


最底下,最外层那个DIV要设置Z-INDEX:0才有用。

#4



<html>
<head></head>
<body>
<div>测试</div>
<div style="position: relative; background: red; width: 200px; height: 100px;">
<div style="position: absolute; left: 0px; top: 0px; background: blue; width: 190px; height: 90px;">
</div>
</div>
</body>
</html>

#5


建议,
先把所有的CSS属性去掉,测试index有用不(IE6下,应该没问题)
再对照加上的属性,应该是position,把两个设置成一样的position试试


wan
[img=http://wpa.qq.com/pa?p=1:79608028:1][/img]

#6


把要隐藏的 div 的Z-INDEX:-1;  试试

#7


设置 div 的 position top left 试试吧

#8


方法一的性能不怎么好,但是还是好使。
方法一:
在页面的顶部放一个 iframe:

< iframewidth="0" scrolling="no"height="0"

frameborder ="0" class="iballoonstyle" id="iframetop">

</ iframe >

方法二:
要想要div覆盖另一个div,先要设置:position:absolute 绝对定位,然后设置z-index的值,如果还没效果,就把两个div的z-index值都要设置一下。覆盖的div要比被覆盖的div的值要小。

#9


2楼+3楼=正解!

#10


失误
1楼+3楼

#11


不知道是不是我理解错了,是不是让两个DIV的top和left值相同,并且把在上面的DIV的z-index值高于下面的就可以实现覆盖了!我也是菜鸟,不知是不是你想问的!

#12


要对2个div都进行相对或绝对定位,再设置z-index的值,值大的覆盖值小的。

#13


8楼正解!

#14


当然设置了POSITION啦,但是IE78火狐都有效,就IE6无效

#15


left 与 top 呢?有没有设置?

#16


设置了,我发觉IE7也无效

#17


就IE8和火狐正常

#18


问题解决了,我换了一种方法写代码。你们的方法可行

#19


你换的什么方法写的代码就可行了??原来是怎么写的?

#20