Jquery 输入字段不'；绝对定位时不工作

我正在制作一个只在用户登录时出现的小web应用程序。div处于绝对位置，因此它位于页面顶部

以下是HTML：

<div id="open">
    <div id="outerwrapper">
        <div id="holder">
            <button id="titlebar">Open</button>
        </div>

        <div id="wrapper">
            <form>
                <select id="choice">
                    <option value="1">Background Color</option>
                    <option value="2">Menu/Header Colors</option>
                    <option value="3">Fonts</option>
                    <option value="4">Header Font</option>
                    <option value="5">Drag-and-Drop</option>
                </select>
            </form>

            <form>
                <input id="input" type="text" placeholder="colors, font faces, etc"/>
            </form>
            <button id="apply">Apply</button>
        </div>
    </div>
</div>

打开
背景色
菜单/标题颜色
字体
标题字体
拖放
申请

但是，当div的格式为

位置：绝对时，输入字段不起作用。下拉菜单、文本输入和按钮不工作

有没有办法使div保持在页面顶部，并且仍然能够使用下拉选择、文本输入和按钮？
可能是按钮标签没有名称值，也没有提交

所以你可以试试

<button type="submit" id="apply" name="apply" value="insert or submit">Submit</button>

提交

此外，您还需要表单中的select标记中的name=”“属性

 <form>
            <select id="choice" name="apply">
                <option value="1">Background Color</option>
                <option value="2">Menu/Header Colors</option>
                <option value="3">Fonts</option>
                <option value="4">Header Font</option>
                <option value="5">Drag-and-Drop</option>
            </select>
        </form>


背景色
菜单/标题颜色
字体
标题字体
拖放

您还应该有如下输入

<input id="input" name="input" type="text" placeholder="colors, font faces, etc"/>



我可能只是给你一些信息，我用这些信息将下拉列表中的数据提交给MySQL
 我更改了div的z索引，使其优先于页面上的其他元素。这似乎解决了这个问题。
在元素上有两个
位置属性<代码>#打开
具有
绝对
和
固定
。我摆脱了绝对和左
固定
现在它可以工作了

原始CSS
新CSS
我们也需要CSS。为了更好地解析样式（CSS）和标记（HTML），必须了解CSS，如果可能的话，JSFIDLE上的演示将是gr8。@zer00ne这里是将集成它的网站apizzimenti.blogspot。com@apizzimeni，我希望你不要以为改变z指数就能解决这个问题。请看我的答案，了解到底是什么破坏了你的代码。@zer00ne我没有，我读了你的回答。就我的演示而言，我的解决方案奏效了，我也在尝试你的解决方案。没问题，你能在我的数字下也标记绿色复选标记，这样它将是一个可接受的答案吗？虽然z-索引可能是罪魁祸首，但这不太可能，因为你的#open无法在有两个位置属性争夺控制权的流中运行。
#open
font-family: $mainfont
position: absolute; \\2 positions is not good
position: fixed;
width: 100%

#open
font-family: $mainfont
top: 0px;      \\ I added this
position: fixed; \\ I deleted position: absolute and kept fixed
width: 100%
z-index: 1  \\ You added the z-index: 1 which isn't that necessary since the rest of your elements are static.