Добавить фоновое изображение между другим классом только для эстетических целей

Question

Итак, у меня есть специальный код для зависания на кнопках, которые приводят к определенным категориям на вики, которую я поднял. Вы можете видеть эти кнопки here. (Вы можете нажать на «редактировать», чтобы увидеть 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; 
} 

В основном, весь код работает все, что нужно, кроме для одной мелочи: фоновое изображение, которое вы можете find here. Это изображение должно быть помещено в центр этих 9 кнопок. Проблема в том, что класс, который я использую, конечно, ставит все эти функции на все используемые изображения.

Я хочу найти способ получить это конкретное изображение в центре кнопок, не отталкивая кнопки и т. Д., Так как фоновое изображение (возможно, может оказаться за кнопками, если необходимо).

Answer 1

Хорошо, мне удалось получить точный результат, который я хотел. Что вам нужно сделать, это первого создать идентификатор, который имеет фоновое изображение, в этом случае код:

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

Теперь добавьте <div id="buttons-navigator-body"></div> , а затем, вы можете создать всю установку элементов в этот идентификатор. Теперь он автоматически центрирует изображение в середине рамки всех элементов вместе. Все они приводятся в движение одним классом, который парит изображения, как вы идете по ним со следующим кодом:

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

Результат можно увидеть здесь: http://zombieescape.wikia.com/wiki/Zombie_Escape_Wiki

Заметим, что это может показаться очень логичным или уже ответил тысячи сообщений, но в моем случае это была цель иметь фоновое изображение, которое центрирует себя именно в середине конкретной настройки элементов для работы вместе с несколькими функциональными кнопками наведения, а не только с черепичным изображением.