Html CSS两个背景

我对

li

有渐变背景，我还希望每个

li

有不同的img背景

我怎么做

ulli:

<div id="right_navigation_container">
     <ul>
          <li id='library_one'><a href='#'>library</a></li>
          <li id='library_two'><a href='#'>library</a></li>
          <li id='library_three'><a href='#'>library</a></li>
          <li id='library_four'><a href='#'>library</a></li>
     </ul>
</div>

---

您可以通过两种方式完成此操作：

1-将li添加到div中，并为此设置不透明度或透明度。

---

2-为其添加背景色和背景图像

您可以组合如下的

背景图像

和

渐变

属性，在每个

li上应用背景图像和渐变

#library_one {
    background:url("http://oi61.tinypic.com/5trnmh.jpg") 7px 10px no-repeat, linear-gradient(180deg, #EDEBE8 20%, #EDEBE8 45%, #FCFBFA 100%);
}

---

请像往常一样为

线性渐变应用浏览器前缀

一个元素有两个背景是什么意思？也许

元素：nth-child（）

？@Kermani我想要这个渐变，也想要一个渐变和另一个img作为同一li的背景？为什么不在photoshop中合并它们？

<li id='library_four'>
      <div id="gradientImage">
               <a href='#'>library</a>
       </div>
 </li>

#library_one {
    background:url("http://oi61.tinypic.com/5trnmh.jpg") 7px 10px no-repeat, linear-gradient(180deg, #EDEBE8 20%, #EDEBE8 45%, #FCFBFA 100%);
}