0

我有一个 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 输入框上制作文本的线索？

在此处输入图像描述

4

1 回答 1

0

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

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

于 2013-06-27T16:16:06.923 回答