CSS 메뉴가 jQuery 슬라이드 쇼 뒤에 잠깐 나타납니다

두 소스의 일부 코드를 사용하여 메가 메뉴와 슬라이드 쇼 전환이 모두 포함 된 페이지를 멋지게 만들었습니다. 내 필요에 맞게 jQ와 CSS를 약간 변경했습니다. (Internet Explorer (9)에서 특히) 슬라이드 쇼가 메가 메뉴 드롭 다운에서 잠깐 뛰어 오르고 다시 돌아가는 것처럼 보일 것입니다. 나는 그것이 z라고 생각하지 않습니다. -index 문제는 그것을 처리하기 때문에, 그냥 조기에 내가 여기 jsfiddle에이를 넣어 :. http://jsfiddle.net/SeanPRyanKC/53RRy/CSS 메뉴가 jQuery 슬라이드 쇼 뒤에 잠깐 나타납니다

나는 문제가 같은 현대적인 문서 타입과 호환성을 사용하지 않는 것입니다 해결하기 위해 아는 방법 :

<!DOCTYPE html> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

합니다.

나는

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

이 페이지는 이제 작동 사용하는 경우 완벽하지만 둥근 모서리와 그라디언트 등을 잃어 버립니다. 감사합니다.

출처

2013-10-10 Sean

이 –

#menu li 속성에 position: relative; z-index:100;을 추가 해보십시오.

슬라이드 쇼 이미지 변경, 일시적 그래서이 문제를 제거하기 위해 <a> 태그 (10)의 Z- 인덱스를 설정 할 때 크롬 DevTools로 또는 방화범 또는 무엇이든에있는 슬라이드 쇼를 볼 경우, 단지 Z를 설정 ~ <li>의 색인.

출처

2013-10-10 15:14:49

브릴리언트 아래의 답변을 확인! 나는 나무 숲을 볼 수 없었다. 감사! – Sean

새로운 CSS를

.slidesjs-control{z-index:-1}

데모를 추가 http://jsfiddle.net/53RRy/9/

출처

2013-10-10 15:24:19

고마워요. 감사합니다. 이것은 나를 위해서도 효과가있었습니다. 두 가지 제안을 섞으면 더욱 좋습니다. 건배! – Sean

@Sean Welcome !!!!!! –

CSS 메뉴가 jQuery 슬라이드 쇼 뒤에 잠깐 나타납니다

답변

관련 문제