div에 모두 싸여있는 배경 이미지 위에 3 개의 소셜 아이콘이 균등하게 정렬

Question

트레이에 균등하게 간격을 둔 3 개의 소셜 네트워킹 아이콘에 배경을 제공하는 "tray"이미지를 래핑하는 컨테이너 div 태그가 있습니다.

나는 롤오버 할 때 아이콘을 가리 키도록하고 싶지만 내 div의 다른 하나에 배치하는 데 문제가 있습니다. 그냥 왼쪽에 맞춰 주길 바랄뿐입니다. 아무 것도 작동하지 않습니다!

나는 사과,하지만 난이 질문 대화 상자에 코드를 삽입 할 때, 작동하지 나타납니다, 그래서 당신의 코드를 확인할 수 있습니다

http://www.marioplanet.com/

내가 롤오버에 대한 인상이 효과 작동, 그냥 내 다른 페이지와 정렬, 내 사이트를 방문 할 때 볼 수 있듯이, 그것은 엉망진창이야! :)

감사합니다. 감사합니다.

BOSS

Answer 1

그래서 당신이가는 것을 당신은 당신이 원하는 것은 상대적인 위치 일 때 절대 위치를 사용하려고하는 것입니다. 포함 div에서 위치 절대 값과 다른 위치를 제거하고 팝업 거리만큼 위쪽 여백을 설정하십시오. 이렇게하면 팝업 동작을위한 공간이 생깁니다. 그런 다음 이미지 위치 상대 값을 "따라 가기"로 만들고 상단을 만듭니다. -30px 이렇게하면 이미지가 정상적으로 위치하게되지만 다음 이미지를 따라 가려면 30 픽셀 올립니다.