html - 位置 DIV，绝对位置高于 DIV，位置固定

Question

这是我的问题: http://www.gncshop.com.ar/portal/company/

我的客户要求我将图像 slider 与页面顶部对齐。我做了一个位置固定的黑色条，(你可以在页面的最顶部看到这个条)并且它在正确的位置。

现在，我需要做的是将 imageslider 对齐到它的正下方......

稍后我可以将栏设置为高度:0px 并使其消失，只显示图像 slider 。

imageslider 不能定位:固定...它需要随着页面滚动。

感谢您的帮助!

.upperfixedbanner {
position:fixed;
top:0px;
width:100%;
height:10px;
background-color:#000000;
}

.upperfixedbanner > .sliderhomepage {
display:block;
  position: absolute;
width:100%;
top: 0px;
margin-top:0px;
left:0px;
}

<div class="upperfixedbanner">
</div>

<div class="sliderhomepage">
<!--SHORTCODE OF SLIDER-->
  </div>

更多信息:C

内容管理系统:WordPress 插件:Meta Slider(用于图像 slider ) WP-Bakery Visual Composer(我的客户告诉我她必须经常更新网站。

Answer 1

我认为你需要改变位置然后引入顶部边距，我建议尝试:

.upperfixedbanner > .sliderhomepage {
display:block;
position: static;
width:100%;
top: 0px;
margin-top:10px;
left:0px;
}