html - 使用 "position:absolute"样式时选择框不可点击

标签 html css

我使用 HTML 创建了一个选择框并使用 css 设置了样式:

#footer {
 padding-bottom:60px;
 position:absolute;
}

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

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

最佳答案

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

正如西蒙指出的那样,通常的解决方法是设置更高的 z 索引。

关于html - 使用 "position:absolute"样式时选择框不可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6927600/

相关文章:

javascript - 如何禁用具有顺序 ID 的多个单选按钮?

javascript - 在导航栏上实现 Bootstrap 的 affix-top 功能的最佳方法

Jquery点击功能不起作用

javascript - 如何限制div拖动空间? (没有 jQuery)

css - IE8兼容模式下的下拉问题

javascript - 由于父元素的顶部和位置,子元素点击不起作用

html - angularjs如何将表单数据放入json文件

html - 如何垂直对齐段落中的文本?

jquery - 如何获取 div 的高度并将其应用于另一个加载和使用 AngularJS 调整大小

iphone - 有没有模仿iPhone分组UITableView的CSS库?