如何将背景图像始终固定在同一位置

Question

你知道我怎么能把我的背景图像固定在同一个位置吗？

我的网站是www.ivr.immo，我得到了一个很大的背景图片。我希望背景图像是如此固定，以至于屋顶总是在左侧菜单下。我的意思是即使窗口调整大小，屋顶也应该始终在菜单下面。我尝试了但是我不能这样做，你有很多选择背景。我认为图像应该比屏幕大，然后你可以定位图像而不需要重复图像。我希望有人可以帮助我使用css代码。 背景图片位于网站的正文标记中。

我的CSS代码（不多）：

body {
    background: url("../assets/bg5.jpg") center fixed;
    background-size: cover;
 }

polest

Answer 1

将两个东西混合在一起：放大（图片）和居中（html元素）。

我有两个解决方案：

1. 将菜单设置在左起百分比的位置上 示例： left：12％; 。但请注意，这会改变您的布局。

2. 使用：

   background: url("../assets/bg5.jpg") center;
   /*background-size: cover; */  /* delete this line in your code */
   

   并使用具有不同剪裁和宽度的自己的照片，用于不同的屏幕尺寸。