使用“position:absolute”样式时,选择框不可点击

时间:2011-08-03 13:55:33

标签: html css

我使用HTML创建了一个选择框,并使用css:

设置样式
#footer {
 padding-bottom:60px;
 position:absolute;
}

这会禁用选择框并使其无法点击。但是如果我删除“position:absolute”,那么选择框工作正常,但它会搞砸我的定位。有人有解决方案吗?

编辑:当使用position:relative时它可以找到,但是当位置固定或绝对时它是不可点击的。我用过HTML部分。

3 个答案:

答案 0 :(得分:6)

这些问题几乎总是由于另一个元素与文本框重叠而产生的。为了解决这个问题,我通常在firebug中使用检查器工具。当您单击文本框时,它将选择不可见的元素,这将使您更好地了解正在发生的事情。

正如Simon所指出的那样,通常的解决办法是设置更高的z指数。

答案 1 :(得分:2)

如果不知道其他代码可能会影响它,那很难。尝试将z-index设置为高,或者给我们一个html示例。

答案 2 :(得分:1)

如果选择不可点击,你还有其他错误。

请参阅此JS小提琴:http://jsfiddle.net/SFUkR/1/

绝对定位select(或其父容器)不会默认禁用它。