jQuery 페이딩 불투명도 문제
문제
클라이언트의 경우이 사이트가 IE 및 기타 웹 브라우저에서 작동하도록하려고합니다 (현재 Mac 용 Safari 및 Firefox에서만 작동). http://www.randomscripts.net/think_company_world/main.php 나는 그림에 jquery의 fadein과 fadeout 함수를 사용하여 백그라운드에서 그들을 순환합니다. 위에 나열된 브라우저 옆에있는 다른 모든 브라우저에 대해서는 단순히 콘텐츠 위에 블랙 박스를 표시합니다. 나는 그것이 불투명도 : CSS 속성과 관련이 있다고 생각하지만 확실하지 않습니다.
누군가를 볼 수 있다면 정말 감사하겠습니다.
해결책
그것은 나에게 잘 작동하는 것 같습니다 (Chrome, IE8 및 Firefox 3. Vista에서).
이미지가로드 할 시간이 있다고 확신합니까? 이미지를 100x100으로 조정하고 스크립트를 다시 실행하는 경우 동일한 문제가 발생합니까?
다른 생각들
NAV6_SUB의 ID가있는 페이지에 항목이 없으므로 문제가 발생할 수 있으므로 320 행 (NAV 6의 하위 옵션)에 오류가 발생합니다.
해당 페이지에서 많은 코드를 복제하고 있습니다 (복사 및 붙여 넣기 또는 루프 내부에서 생성 하는가?). jQuery 플러그인이나 무언가를 만들어야 할 것입니다. 나는 항상이 페이지가 유용하다는 것을 알았습니다 (물론 jQuery 문서). http://www.learningjquery.com/2007/10/a-plugin-development-pattern
또한 관련이 없지만 하위 내비게이션 주변의 HTML은 일부 청소를 사용할 수 있습니다. 대신에
<ul>
<li><a href="#" id="nav5" onmouseover="dropDown('nav5_sub')"></a></li>
<div class="sub" id="nav5_sub">
<li>Private Client Log In</li>
<li>Student Log In</li>
</div>
</li>
</ul>
당신은 다음과 같은 것이 있어야합니다.
<ul>
<li>
<a href="#" id="nav5" onmouseover="dropDown('nav5_sub')"></a>
<ul class="sub" id="nav5_sub">
<li>Private Client Log In</li>
<li>Student Log In</li>
</ul>
</li>
</ul>