我对网站有点问题。我想让背景图像居中(在中间)。目前尚不清楚,但这里是图像:让我的背景图像在中间
正如你所看到的,有在后台一个小树林图像并在其上一个div。我希望这个背景图像能够居中(但是文本的div不应该移动)。这是我到目前为止所做的 - 我尝试了很多东西,但它不起作用。我需要你的帮助 !
HTML
<div class="container-fluid menus" id="our-menus">
<div class="container menu">
<div class="menu-content">
<div class="container">
<h3>Menu</h3>
<h1>Estival</h1>
<img src="assets/img/dinner.png" class="img-menu">
<h2>Entrées</h2>
<p>Carpaccio de melon charentais</p>
<p>ou</p>
<p>Moules de bouchot marinière</p>
<h2>Plats</h2>
<p>Coeur de boeuf & buffone au basilic</p>
<p>ou</p>
<p>Brochette d'agneau grillée, jus au thym</p>
<p>ou</p>
<p>Onglet de boeuf grillé aux échalotes confites</p>
<p>ou</p>
<p>Filet de cofin rôti aux épices</p>
<h2>Desserts</h2>
<p>Coupe glacée manuréva</p>
<p>ou</p>
<p>Brochette de fraises au chocolat</p>
<p>ou</p>
<p>Croustillant à l'orange aux fruits frais, Coulis de framboises</p>
</div><!-- container -->
</div>
</div><!-- container -->
</div><!-- container-fluid -->
CSS
.menus{
background-image: url(../img/wood.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: auto;
}
.menu{
background-color: #F8F8F8;
padding: 20px 20px 20px 20px;
}
目前还不清楚你问什么,或者试图完成。根据你的CSS,图像居中。而从你提供的图片来看,如果没有更多的信息,就无法判断它是否居中。 –