我有一个旋转滑块作为背景，我想用一个静态div在滑块中间居中覆盖。
问题是我不能集中这个div。我哪里错了？以下是网页https://www.visitmontaione.com/wcomm/it/
这是使用的HTML代码:
<div id="containersliderhome">
[rev_slider alias="slider-1"][/rev_slider]
<div id="barrabookingforhome">Centered DIV
</div>
和css
#barrabookingforhome{
display: flex;
justify-content: center;
align-items: center;
margin: 10px;
background: red;
height: 200px;
width: 100%;
z-index:999;
}
#containersliderhome{
display: flex;
justify-content: center;
align-items: center;
}
谢谢你的帮助。
您可以将此CSS发送到https://www.visitmontaione.com/wcomm/it/上的centre div。您只需将
null
#barrabookingforhome {
display: flex;
justify-content: center;
align-items: center;
margin: 10px;
background: red;
height: 200px;
width: 100%;
z-index: 999;
transform: translateX(-50%) translateY(0);
}