一个div被其他控件遮挡的问题

boylez 2006-05-16 09:36:50

我用div来给一些控件写了一个类似于tooltip的功能,在鼠标移到控件上时div显示,,divHandler.style.display = "";移出时隐藏div,divHandler.style.display = "none";我使用以下方法设置div的zindex,,为了防止它被其他控件遮挡,还是不行......
//为了不使弹出的提示被其他相邻元素遮挡,则把赋给divPopupTooltipHandler最大的zIndex,目前还不行......
var max = 0;
var count = document.all.length;
for(var z = 0 ; z < count ; z++)
if(document.all[z].style.zIndex > max && divPopupTooltipHandler != document.all[z])
max = document.all[z].style.zIndex

divPopupTooltipHandler.style.zIndex = max + 1;
或者我直接给zindex一个特大的值,,例如5000,,还是不行..
大家指教!bow`~`~

...全文

332 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

boylez 2006-05-17

打赏
举报

ding

laochake 2006-05-16

打赏
举报

用IFRAME

gana_chu 2006-05-16

打赏
举报

<div style="WIDTH: 80px; HEIGHT: 60px; BACKGROUND-COLOR: red" onmouseover="TEST.style.display=''" onmouseout="TEST.style.display='none'"></div>
<div id="TEST" style="Z-INDEX: 999; LEFT: 40px; WIDTH: 80px; POSITION: absolute; TOP: 50px; HEIGHT: 60px; BACKGROUND-COLOR: green"></div>
<div style="LEFT: 100px; WIDTH: 80px; POSITION: absolute; TOP: 100px; HEIGHT: 60px; BACKGROUND-COLOR: blue"></div>

看看这个，好好想想

boylez 2006-05-16