如何避免背景图像重叠块

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

您只需将背景设置为所需的特定元素，而不是所有内容。例如，为您的菜单项提供一个名为“导航”的类，然后像这样设置CSS：

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