在所有DIV前面进行下拉选择

时间:2014-01-17 04:03:05

标签: html css twitter-bootstrap

以下是链接:http://is.gd/zzX2uH

请选择下拉框。 最后几个选项隐藏在div之后。

如果我定位.join-form并删除overflow: hidden,页面就会被烧毁。

请你帮我解决这个问题?

感谢您的关注,

4 个答案:

答案 0 :(得分:2)

问题在于以下css

media="screen"
.join-form {
position: relative;
overflow: hidden;
}
index2.htmlmedia="screen"
.join-form {
position: relative;
overflow: hidden;
}
index2.htmlmedia="screen"
section {
overflow: hidden;
}

删除所有这些样式中的 overflow: hidden 。当您完全隐藏z-index时,增加{{1}}对您的页面没有任何影响。

答案 1 :(得分:1)

你的.join-form有overflow:hidden这就是它没有显示的原因。将.join-form设置为overflow:visible会让您的下拉显示但有副作用。

答案 2 :(得分:0)

.yourClassOrID {
    z-index: 9999;
}

应该有用。

如果由于某种原因没有,请为您的下拉列表的父级提供绝对,相对或固定的位置。

答案 3 :(得分:0)

将下拉列表的z-index设置为高于div

的值