在CSS中使用背景颜色上的背景图像

Question

我在PSD中设计了一个网页,我正在转换它.在我的主要内容中,我有一个坚实的背景颜色,但我在一个单独的图层上有一个发光效果,它出现在背景颜色的顶部.

我有一个包含所有代码的容器,我有一个标题,主页和页脚.在主要内部,我添加了纯色背景颜色,还添加了我从PSD切片的发光背景图像.但是,纯色背景颜色似乎没有显示,它只显示发光效果.下面的图片显示了它的外观和样子:

---

CSS:

Html {
background: white;
}

#container {
width: 955px;
height: 900px;
margin: 0px auto 0px auto;
}

#main{
background: url(../images/slogan.png) top left no-repeat;
background-color: #282d37;
height: 900px;
width: 955px;
}

Answer 1

你可以使用多背景:

#main {
  width: 900px;
  height: 955px;
  background: url(../images/slogan.png) no-repeat, #282d37;
}?

解释:使用backgroundcss选项,首先添加图像,而不是背景颜色.

现场演示