Выравнивание 3 социальных значков, расположенных на одинаковом фоне над фоновым изображением

Question

У меня есть тег div контейнера, который оборачивает изображение с именем «tray», которое обеспечивает фон для трех значков социальных сетей, расположенных на одинаковом расстоянии вдоль лотка.

Я также хотел бы, чтобы значки висели, когда япереверните их, но у меня возникли некоторые проблемы с размещением их в другом из моих элементов div.Я просто хочу, чтобы он был выровнен по левому краю, вот и все, и, похоже, ничего не работает!

Я извиняюсь, но когда я вставляю код в это диалоговое окно с вопросом, кажется, что он не работает, поэтому выпроверьте код по адресу:

http://www.marioplanet.com/

У меня работает эффект повышения при опрокидывании, но не выравнивание с моей другой страницей, как вы можете видеть, когда вы посещаете мойсайт, это вроде беспорядок!:)

Я ценю любые предложения, спасибо!

БОСС

Answer 1

Итак, вы пытаетесь использовать абсолютную позицию, когда вы хотите относительную позицию. Удалите абсолютное положение и другое позиционирование из вашего содержащего элемента div и сделайте так, чтобы поле top было таким же, как и расстояние вашего всплывающего окна. Это даст вам место для всплывающих действий. Затем установите относительное положение изображения «следуйте за нами» и сделайте верхнее: -30px, при этом изображение будет позиционироваться как обычно, но затем вы увеличите его на 30 пикселей, чтобы покрыть следующие изображения.