중첩 목록에 애니메이션 달기

Question

내 페이지 중 하나에서 Isotope 플러그인을 사용합니다. 나는 이것을 알지 못했지만, Chrome은 css3 transforms을 사용할 때 z-order을 평평하게 만듭니다. 따라서 처음에는 내 중첩 된 메뉴가 불투명도 변경 및 적절한 z- 인덱스로 상당히 개선되었습니다. 문제는 중첩 된 ul이 콘텐츠 div 아래에 위치한다는 것입니다.

그런 다음 크기 조정 (중첩 된 ul)을 적용하고 호버상의 부모 ul 배경을 변경하면 멋지다고 생각했습니다.

http://jsfiddle.net/challenger/xARgS/101/

• 가 어떻게 여기 스크립팅을 향상 않습니다 그래서 결국 나는이있어? 그것을 최적화 할 수 있습니까?
• IE8에서 보면 자연 재해와 같습니다! 왜?

감사합니다.

Answer 1

의 backgroundColor를 변경하려면 CSS 클래스를 변경할 수있는 호버 이벤트는 조금 서투른 : 매우 도움이 당신의 바이올린을위한 http://jsfiddle.net/xARgS/102/

Answer 2

문제의 일부는 탐색 항목 위로 마우스를 가져갈 때마다 기본 탐색 모음의 크기를 시각적으로 조정해야한다는 것입니다. 해당 막대에서 시각적 스타일을 제거하고 래퍼 div를 상대 위치 또는 절대 위치로 추가하고 Z- 색인을 사용하여 탐색 요소 뒤에 배치하십시오.