2014-04-17 2 views
1

일부 드롭 다운 메뉴에서 Mootools의 Fx.Slide 효과를 사용하고 있습니다. 이전에 문제없이 사용해 왔지만, 몇 가지 이유로 새로운 Fx.Slide를 설정하자마자 CSS 스타일이 엉망이되었습니다. 여기 Mootools Fx.Slide & CSS styles?

Before applying Fx.Slide

After applying Fx.Slide

당신은 메뉴 스타일 다운 내 드롭의 차이를 볼 수 있습니다 ... 업로드 한 예입니다. 내 모든 스타일은 먼저 this style sheet을 통해 적용되며 내 스타일을 엉망으로 만드는 선은 line #19 in this menu.js script입니다 (여기는 paste of the same thing, with line numbers.).

위의 두 예 사이의 차이는 subNav[index] = new Fx.Slide(subNav[index], {duration: 200});

가 다시, 이상한 것은 내가 Fx.Slide 사용하는 것으로 만 당신은 내가 첫 번째 예제에서 주석 한 볼 수 있습니다 line #19 in menu.js, ...입니다 (드롭 다운 메뉴 on this site과 같은) 다른 웹 사이트에서, 그리고 그것은 결코 내 스타일을 망쳐 놓은 것처럼 보였습니다. 어떤 충고?

+0

실제 주제와 완전히 관련이 없지만 Sergio가 내 원래의 질문을 어떻게 편집 할 수 있습니까? –

답변

4

스타일이 어떻게 설정 되었기 때문입니다.

Fx.Slide는 ul 주위에 div를 추가합니다. 따라서 ul은 더 이상 #header #nav > ul > li의 직접적인 자손이 아니기 때문에 #header #nav > ul > li > ul에서 스타일 수신을 중단합니다.

+0

시간 내 주셔서 감사합니다. 도움에 감사드립니다 !!! –