Css 使用Div:hover时保留Div父背景图像

现在，我在链接后面有一个div，我将div背景设置为一个特定的图像，我希望当鼠标悬停在该div上时，会出现相同的图像，但在框的内部会出现一个阴影，我随身都有这两个图像，但我似乎找不到办法使“Home”背景图像与“Home:hover”相同背景图像但也有阴影框，我想这样做，而不必在photoshop中将阴影单独放置在背景图像上。。有什么想法吗

以下是CSS：

  #Home {
     z-index: 4;
     position: absolute;
     top: 0px;
     left: 707px;
     width: 95px;
     height: 64px;
     margin: 0;
     background: url(../images/button%20texture%20b.jpg) center;
     border-style: solid;
     border-width: 1px;
     border-color: #7F7F7F;
 }

 #Home:hover {
     width:95px;
     background: url(../images/button%20overlay%20b.png) ;
     background-size: cover;
 }

---

谢谢

我建议使用以下代码：

#Home:hover { background:url(../images/button%20overlay%20b.png) no-repeat center, url(../images/button%20texture%20b.jpg) no-repeat top left; }

---

正如您所看到的，您实际上可以将多个背景图像指定给一个元素。第一张图片在上面，第二张在第一张图片的下面，依此类推。

Heya，这很好！但是，我需要使覆盖居中，但按钮没有纹理，但我不能让它工作（更新代码在主帖）

#Home:hover { background:url(../images/button%20overlay%20b.png) no-repeat center, url(../images/button%20texture%20b.jpg) no-repeat top left; }