Question

我正在尝试将国家/地区列表从下拉列表显示在页面顶部。这将是内容。

我确实用主页更改了部分。

现在正在工作。

Answer 1

在你的代码中，你给了溢出：隐藏到.header-inner，因为列表被隐藏了。删除后，图像将溢出。以下是两个问题的解决方案：

HTML：

<div class="overlay bg-opacity-5">
  <img src="images/header-img_howitworks.jpg" alt="" class="img-responsive-1">
</div>

您需要在叠加div中移动图像。

CSS：

.header-inner {
    position: relative;
    width: 100%;
    height: 300px !important;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 0;
    /* overflow: hidden; */
}
.header-inner.two .overlay {
    height: 300px;
    overflow: hidden;
}

在CSS中，删除.header-inner中隐藏的溢出并将其添加到叠加层。

Answer 2

如果您删除了该属性，那么您会在 .header-inner 类中提供overflow:hidden，然后下拉列表才会正常

将部分放在所有div的顶部

2 个答案: