Css 在另一个类之间添加背景图像仅用于美观目的

因此，我有一个特定的代码，用于在我提出的wiki上指向特定类别的按钮上显示悬停效果。你可以看到那些按钮。（您可以单击“编辑”查看该页面上的HTML。）

这是我用的代码

.helpmodule 
img:hover { 
-moz-opacity: .8; 
-khtml-opacity: .8; 

background-image: url(vignette3.wikia.nocookie.net/zombieescape/images/3/32/…); 
background-position: center; 
opacity: .8; 
width: 200px; 
height: 200px; 
} 

基本上，所有代码都适用于我需要的所有东西，除了一件小事：背景图像，你可以。此图像需要放在这9个按钮的中心。问题是我正在使用的类，当然，将所有这些函数放在所有使用的图像上

---

我想找到一种方法，使特定的图像在按钮的中心，而不移动按钮等。。。因此，就像背景图像一样（如果需要，它可能会出现在按钮后面）。

好的，我设法得到了我想要的确切结果。您需要做的是首先创建一个具有背景图像的ID，在这种情况下，代码是：

#buttons-navigator-body { 
    background-image: url(insert your url here);
    background-repeat: no-repeat, no-repeat;
    background-position: center;
}

现在添加一个

然后，您可以在这个ID中创建元素的整个设置。它现在自动将图像集中在所有元素的包围盒的中间。所有这些都由一个类驱动，当您使用以下代码浏览图像时，该类将图像悬停在图像上：

.buttons-navigator-hover img:hover {
  -moz-opacity:     .8;
  -khtml-opacity:   .8;
  opacity:          .8;
  width:            200px;
  height:           200px;
}

结果如下所示：

---

请注意，这可能看起来非常合乎逻辑，或者已经在上千篇文章中得到了回答，但在我的例子中，它的目的是让背景图像正好位于特定元素设置的中间，与多个功能悬停按钮一起工作，与仅使用平铺图像不同。

请添加一些代码示例和您遇到的错误。阅读并改进您的问题。helpmodule img:hover{moz opacity:.8；-khtml opacity:.8；背景图像：url（）；背景位置：中心；不透明度：.8；宽度：200px；高度：200px；}看起来我无法将其显示为代码，如果我按enter键，它只会强制添加我的注释：'（对网站来说还是新的，抱歉使用问题底部的编辑功能，查看我的编辑并进一步改进。试着一次问一个特定的问题，并提供该问题的代码。好的，我尽可能缩小了整个OP的范围，现在应该更清楚我想要实现什么。请原谅我这样插嘴作为一个新手，我现在知道如何恰当地提问了，我不知道这些指导原则。