如何在IE6中显示另一个DIV上的一个DIV? [英] How to display one DIV over another DIV in IE6?
问题描述
我正在编写一些具有以下结构的HTML代码
I am writting some html code which have following structure
<div style="position:relative">
<form>
<table>
<tr>
<td> <div id="Upper_Element" style="position:absolute;z-index:10"></div> </td>
</tr>
<tr>
<td> <div id="Lower_Element" style="position:absolute;z-index:-1"></div> </td>
</tr>
</table>
</form>
</div>
此处Upper_Element是一个YUI自动填充文本框(当用户输入谷歌之类的内容时会显示建议) Lower_Element是正常的下拉框(< select>
)。
在IE6中,当显示自动填充建议时,Lower_Element将显示在建议列表上。
在IE8等其他浏览器中工作正常。
我试过了位置和z-index属性,但没有运气。
here Upper_Element is a YUI autocomplete text box (where suggestion are displayed when user enters anything like google) and Lower_Element is normal drop down box(<select>
).
In IE6 , When autocomplete suggestion are displayed Lower_Element is displayed over the suggestions list .
In other browser like IE8 its working fine.
I tried position and z-index attributes but no luck.
请告诉我还有什么可以尝试。
Please let me know what else can be tried.
提前致谢!
推荐答案
Lower_Element是普通下拉框是什么意思?是示例中的< select>
元素还是< div>
?如果它是< select>
,那么你会看到非常老的错误影响IE6并且之前被多次询问/解决过,例如 IE6和html< select>的Z-Index问题元素和 iframe shimming或ie6(和下面)选择z-index bug
What do you mean by "Lower_Element is a normal drop down box"? Is it a <select>
element or a <div>
as in your example? If it is a <select>
then you are seeing a very old bug that affects IE6 and has been asked/solved many times before, for example Z-Index problems with IE6 and html <select> element and iframe shimming or ie6 (and below) select z-index bug
这篇关于如何在IE6中显示另一个DIV上的一个DIV?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!