Я вижу решения для достижения этого, имея дело только с одним желаемым эффектом зависания, но я хочу иметь четыре дочерних div, каждый из которых меняет основной родительский div фон для отдельного изображения.
Я предполагаю, что это невозможно с CSS.
<div id="buttonBox">
<div id="schedBox">
<a href="#">Schedule</a>
</div>
<div id="transBox">
<a href="#">Transformation</a>
</div>
<div id="destBox">
<a href="#">Destination</a>
</div>
<div id="inspirBox">
<a href="#">Inspiration</a>
</div>
</div>
В качестве альтернативы я мог бы иметь дочерние divs, у каждого из которых есть другой фон. Наведение одного дочернего div изменит все фоны дочерних div на отдельный цвет, но я не мог понять, как наведите указатель на второй div на предыдущий div.. только последующие братья и сестры.