서로 자리 잡기

Question

내 실수가 어디에서 발생하는지 파악하는 데 많은 어려움이 있습니다. 서로 오른쪽에있는 일부 div로 웹 사이트를 만들고 싶습니다 ... 나중에 앵커를 통해 오른쪽으로 자동 스크롤되는 수평 탐색이 있어야합니다. 어쨌든 ... 각 div에는 배경에 이미지가 있고 텍스트가있는 컨테이너가 있습니다. 탐색 메뉴는 고정되어 있으며 항상 표시됩니다.

내 문제 : 텍스트 컨테이너가 첫 번째 div에 표시되지 않는 이유는 무엇입니까? 내가 바로 잡았다 않은 경우 당신은 내가 아니라고 생각 배경을 (설정 img를 사용하는 경우 ,

http://jsfiddle.net/pvvFR/이

Answer 1

를 div에있는 이미지를 각 컨테이너에 고유 한 클래스를 가지고 예를 들어 교체 및 넣어 같은이 뭔가를인가하려고하는 솔루션

http://jsfiddle.net/pvvFR/7/ 그 나는 당신에게 절대 입장을 두었습니다.

그리고 나는 당신의 cont 슬라이더 중 ainer div의

편집 : 이것

봐 : http://jsfiddle.net/pvvFR/13/ 모든 상대 내가 당신의 슬라이더 높이를 부여하고, 음의 최고

Answer 2

응답에 대한 ... 읽기 그렇다면 사전에 감사합니다 내 바이올린을 참조하시기 바랍니다 좋음) 공통 레이어 (예 : position:absolute)에서 제외해야 콘텐츠가 오버레이 될 수 있습니다. 문제는 텍스트가 아니라 이미지입니다.

Answer 3

는 배경처럼

background:url('http://www.wiesenhof-online.de/upload/Chicken-Ribs-BBQ-quer.jpg'); 

http://jsfiddle.net/pvvFR/10/

Answer 4

에 컨테이너를 배치했습니다

글쎄, 이런 일이 일어난 이유에 대한 질문에 대한 답변은 Z-INDEX가 위치가 지정된 요소와 만 작동한다는 것과 이미지 요소를 배치하지 않았기 때문에 '일부 텍스트'가 이미지 뒤에 묻혀 있고 Z- 인덱스는 ' 효과가 나타납니다.

확인하십시오. http://jsfiddle.net/pvvFR/14/