Z- 색인 및 상대/절대 위치 지정

Question

Z- 색인 및 위치 지정에 몇 가지 문제가 있습니다.

http://www.saradouglas.net/home

스타일 시트 위치는 다음과 같습니다 : 당신이 메뉴 항목 위에 마우스를 할 때 기본적으로 (집, 약 등), 페인트 밝아진 메뉴 아래에로드해야 http://www.saradouglas.net/wp-content/themes/sara-douglas-theme/style.css

이 때 각각의 시작 DIV 괜찮 았는데 절대 위치 지정으로 설정되었지만, 다른 화면 해상도로 다른 위치에 표시된다는 사실을 깨달았습니다. 나는 이것을 상대 위치로 바꾸고, 그에 따라 좌표를 조정하는 경우 일 것이라고 생각했다. 불행히도 지금처럼 내 스플래시가 메뉴 아래 나타나지 않습니다.

명확히하기 위해 메뉴 아래에 밝아지기를 원합니다. 따라서 메뉴는 항상 밝아진 부분 위에 표시되어야합니다. 메뉴를 상대적으로 설정 한 이후에만 문제가 발생했으며 이러한 밝기는 절대 값으로 나타납니다.

나는 이것이 간단하고 수정하기를 바랄뿐입니다. 나는 누군가가 내가 잘못 가고 해결책을 제시하는 곳을 말해 줄 수 있기를 바라고있다.

지금까지 제출 된 좋은 답변이 있지만 불행히도 내 문제는 해결되지 않았습니다. 나는 메뉴 배경을 div가 아닌 ul 클래스에 추가하려고 시도했으나 문제에 아무런 영향을 미치지 않았습니다. 사전에

감사합니다.

로스

Answer 1

대신 UL에 BG, 가스켓 및 높이를 설정하여 그것을 할 수있는이

• 캔버스 같은합니다 (이다 소자 그려/부모 그리기 영역)
• BG 화상
• Z- 색인 : -1
• 디폴트 (0)
,174,
• Z- 인덱스 : 어떤 자식 요소에게 -1의 Z- 인덱스를 줄 때 1+

그래서,이 때문에 부모의 우선 순위의 부모 배경 아래로 가지 않을 것이다.

다음은 해결책입니다. 그냥 방화 갓을 시도하고 작동합니다 :

1. #menu에서 bg 이미지를 제거하고 LI 앞에 ul.menu 아래에 별도 div를 추가하십시오.
2. 이 div에 아래의 CSS를 입력하십시오.
3. 이제 모든 브러시 스트로크에 -1보다 작은 Z- 색인을 지정하십시오. -2 작품.

그리고 그렇게해야합니다.

CSS : 나는하지만, 헤이가 바로 의미 훨씬 작동하지 압니다

position:absolute; 
top:0; 
bottom:0; 
left:0; 
right:0; 
z-index:-1; 
background: url(...); 

? : P

Answer 2

그런 다음 메뉴의 사업부에서 절대 위치 div를 추가하여 메뉴 DIV의 위치를 ​​설정해야합니다. 다른 화면 해상도는 문제가되지 않습니다.

Answer 3

당신은 내가 제대로 Z - 인덱스의 우선 순위 순서를 기억하면 간단하게 <div id="menu">