블로거의 z-index 버그

-2

새 블로거 템플릿을 만들고 있지만 불행히도 문제가 있습니다. 간단한 예제입니다.블로거의 z-index 버그

<div class='container'> 
    <div class='slider'></div> 
    <div class='posts'></div> 
</div>

기본적으로 두 번째 div (게시물)는 첫 번째 것보다 높은 z- 색인을 가져야합니다. see this demo 및 this pic을 참조하십시오. 이제 수행해야 할 작업을 확인하십시오. here , 그래서 문제가 무엇입니까! 여기 내 blog

출처

2017-09-13 peter hany

코드는 어디에 있습니까? 당신은 이미 무엇을 시도 했습니까? –

죄송합니다, 내 블로그 링크를 첨부하는 것을 잊었습니다. –

지금보실 수 있습니다 –

하게하려면 명백한 z-index 높은 요소 중 하나

또는

적이 있어야합니다 position:relative; 또는 이전 요소는 상대/절대 위치를 가질 때 절대 . 귀하의 경우에는

.d1{ 
 
    width: 100%; 
 
    height:50px; 
 
    background: tomato; 
 
    position: relative; 
 
} 
 

 
.d2{ 
 
    width:80%; 
 
    height:200px; 
 
    background: blue; 
 
    margin: -30px auto 0 auto; 
 
    position: relative; /* Try removing this - it will be 'below' d1 because d1 has position:relative; */ 
 
}

<div class='container'> 
 
    <div class='d1 slider'></div> 
 
    <div class='d2 posts'></div> 
 
</div>

,이 .container 클래스에 position:relative;을 추가하는 것을 의미한다.

출처

2017-09-13 22:01:48 Jonathan

문제가 해결되었습니다. 정말 고마워. 신의 축복이 내 친구^_^ –

괜찮습니다! 나는 당신이 꽤 많은 질문을했지만, 그 중 어떤 것도 받아들이지 않았다는 것을 알았다. 다른 사람들이 귀하의 질문이 언제 풀리고 가장 잘 대답했는지 알 수 있도록 그 대답 옆의 회색 체크 표시를 클릭하십시오. 나는 당신의 오래된 질문을 통해 그 일을하는 것이 좋습니다. – Jonathan

완료되었습니다. 다시 한 번 감사드립니다. :) –

블로거의 z-index 버그

답변

관련 문제