전환 중에 jQuery 겹치는 이미지 (배경 전환 시도)

Question

이미지간에 배경 전환을 시도하고 있는데이 문제가 있습니다. 전환 중에 모든 이미지 위에 이미지가 나타나고 필드를 덮고 있습니다. 및 단추. 그런 다음 다시 그들을 뒤쫓아갑니다.

<div id="background"> 
</div> 
<div id="realcontent"> 
</div> 

당신은 내가 모든 것을 넣으면

http://jsfiddle.net/k9e5f/2/

이 jfiddle에서 볼 수 있습니다

이 같은 실제 내용 이전에 부정적인 마진 (배경 하나)와 사업부가 같은 div 안에 있고 불투명도를 변경하면 버튼과 필드도 희미 해져서 나는 그것을 원하지 않습니다.

z- 색인을 설정했지만 아무 것도 작동하지 않았습니다.

전환하는 동안 다른 콘텐츠 하단에 페이딩 이미지를 유지할 방법이 있습니까?

왜 이런 일이 발생합니까 ?? !!

플러그인을 사용하지 않고이 작업을 수행하는 더 좋은 방법이 있습니까? z-index 위해서는 속성이 작동하는 것을

Answer 1

주 어떤 도움을

감사합니다 (이 간단하다, 나는 내 유일한 이에 대한 서버의 다른 HTTP 요청을하고 싶지 않아), 당신도 위치를 설정해야합니다

position: relative; 또는

position: absolute; 또는

position: fixed;

를 다음 요소

CSS의 #home_background 요소에 position: relative;을 추가하기 만하면 정상적으로 작동합니다.