重叠背景bug?

时间:2014-04-10 14:36:32

标签: html css ruby-on-rails html5 css3

因此,在我的网络应用程序的主页上,我有一个生日(mm / dd / yy)选择字段,但下拉菜单的下一部分正在切断下拉菜单的背景。

这里是select的相关CSS样式:

.selectify .option {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 0 none;
    color: #999999;
    cursor: pointer;
    padding: 5px 20px;
}

一张图片:

enter image description here

如何通过下拉菜单查看辅助背景部分?

干杯!

2 个答案:

答案 0 :(得分:1)

获得链接后:

.banner的样式为overflow:hidden;。这是导致它隐藏的原因。 从banner

的样式中删除它

然后,您有一个名为container middel-class的班级。将其更改为middel-class

然后将container INSIDE middel-class。例如:

<div class='middel-class'>
  <div class='container'>
    .. <!-- rest of code as normal -->
  </div> <!-- end of container -->
</div> <!-- end of middel-class -->

此外,它是middle,而不是middel,但它并不重要:P

答案 1 :(得分:0)

我无法肯定地说没有完整地方的任何代码示例。这个bug可能有几个原因

1。)父div上的位置(位于下拉列表)你正在使用溢出:隐藏 - 尝试删除它并看看会发生什么

2。)也可以在下拉列表中直接输入错误的z-index