2017-10-27 4 views
0

"wordpress"웹 사이트에서 작업하고 있습니다. 휴대 기기에만 나타나는 모바일 푸터 플러그인을 사용하고 있습니다. 내가 직면하고있는 문제는 페이지가 (전화에서) 바닥 글과 겹치는 것입니다.바닥 글 div에 페이지가 겹칩니다.

div가 페이지 뒤에 나타나지 만 작동하지 않는 것처럼 보이도록 Z- 인덱스를 시도했습니다. 사업부가 존재하는 경우

#callbook { 
    bottom: 0; 
    height: 48px; 
    left: 0; 
    position: fixed; 
    right: 0; 
    z-index: 100; 
    -webkit-box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1); 
    -moz-box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1); 
    box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1); 
} 

내가 검사에 padding-bottom:48px;을 추가하고 수행합니다 여기 내 CSS는 모바일 바닥 글의 div입니다. 문제는 페이지가 바닥 글 div와 겹치는 것입니다. 당신의 도움 :) your site보고 후

건배 ~

+0

HTML 마크 업도 추가하십시오. –

+0

보기 소스 모드에서 HTML 코드를 가져올 수 있습니다. –

+0

#callbool div를 사용중인 페이지의 위치를 ​​어떻게 알 수 있습니까? 최소한의 html 또는 문제에 대한 링크를 제공해야합니다. –

답변

1

을 주셔서 감사합니다, 당신의 Z- 인덱스가 충분히 높지 않았다 것으로 보인다. #callbook z- 색인을 z-index: 9999;으로 변경하면 오른쪽 상단에 표시됩니다.

+0

굉장합니다. 감사 :) –