如何避免背景图像与块重叠

Question

我在我的 drupal 7 门户网站的背景中插入了一张图片。 css 是...

代码：

* {
  box-sizing: border-box;
  text-align: center;
  background-image: 
   url
('https://xx.xxx.xx.xxx/devuser/sites/all/BackgroundWallpapersforPortal/blue 
    image.jpg') !important;
 background-color:none;
 }

但是，我的图像看起来像这样 -

我不希望我的背景图片与方块重叠。我访问过几个网站，它们的背景图片不会与每个新声明/每个新实体重叠。它保持嵌入背景。请帮忙。

我想实现这个 - 方块也可见并且还有背景图片。

Answer 1

您只需将背景设置为您想要的特定元素，而不是所有元素。例如，为您的菜单项设置一个 class，名为 "navigation"，然后像这样设置 CSS：

.navigation{
     background-image: url('https://xx.xxx.xx.xxx/devuser/sites/all/BackgroundWallpapersforPortal/blue 
image.jpg') !important;
}

如何避免背景图像与块重叠

How to avoid Background Image overlapping the Blocks

css

drupal-7