什么可以使dojo上的文本输入/选择在一切之上？

Question

我有一个css渲染菜单（ul li ...等），下面是dojo呈现的一堆dijit组件。问题显示在下面的图片中，仅在IE7上发生，但在IE8 / 9，firefox和chrome上工作正常。

dijit组件的布局（边框，样式）都在菜单下，但只有用户输入的文字才是最重要的。

我听说window对象始终位于每个windowless组件的顶部，这可能会感觉它位于ui .. li菜单的顶部，但是，为了测试目的，我创建一个普通对象，其文本在菜单下！我现在很困惑。

以下是dijitTextInput和纯文本输入的代码：

Dijit文字输入：

<div id="widget__personName_id" class="dijit dijitReset dijitInlineTable dijitLeft dijitTextBox dijitValidationTextBox" role="presentation" widgetid="_personName_id">
    <div class="dijitReset dijitValidationContainer">
        <input class="dijitReset dijitInputField dijitValidationIcon dijitValidationInner" type="text" role="presentation" readonly="readonly" tabindex="-1" value="Χ">
    </div>
    <div class="dijitReset dijitInputField dijitInputContainer">
        <input id="_personName_id" class="dijitReset dijitInputInner" type="text" name="personName" autocomplete="off" dojoattachpoint="textbox,focusNode" maxlength="255" tabindex="0" aria-required="false" aria-invalid="false" value="">
    </div>
</div>

这是普通输入

<input name="personName" size="50">

所以任何人都可以提示，我可以从哪里开始找到在菜单下的dijit输入框上制作文字的线索？

Answer 1

以下是所要求的提示： 这是css代码中z-index的问题。

z-index越高意味着它高于那些z-index值越低的人。 Z-index必须与'position'值（绝对位置或相对位置）一起存在