상대 위치 지정을 사용할 때 div가 클릭 취소 가능합니까?

Question

저는 현재 컴퓨터를 만드는 비즈니스를위한 웹 사이트를 디자인하고 있습니다.

유일한 문제는 사이트가 100 % Firefox에서만 작동한다는 것입니다. 내 현재의 문제는 왼쪽에있는 div (사진 포함)와 오른쪽에있는 div (상자와 같은 페이스 북으로)는 FireFox를 제외한 모든 브라우저에서 취소 할 수 없다는 것입니다. 나는 그것이 z-index와 관련이 있다고 확신하지만, 그것을 고치는 방법을 모른다.

내가 가진 것은 상대 위치로 메인 div가있는 상단에있는 navbar입니다. 이 메인 div 안에는 3 개의 div가 있습니다. 페이지의 각 열에 대해 하나, 왼쪽, 가운데 및 오른쪽. 이 div의의 아무도는 그러나 클릭 할 수 없다 이것은 내가 가지고있는 CSS 코드 :

#fr { 
    z-index: -1; 
    position: fixed; 
    width: 290px; 
    right: 10px; 
    top: 45px; 
} 
#la { 
     overflow : auto; 
    z-index: -1; 
    position: fixed; 
    width: 200px; 
    height: 92.5%; 
    left: 15px; 
    top: 45px; 
    border-right: 1px solid grey; 
} 
#maindata { 
    border-bottom: 1px solid grey; 
} 
#main { 
    z-index: -1; 
} 

내가 무엇을 할 수는이 문제를 해결하기 위해? 나는 (이 PHP로 코딩되어 내 소스를 공유 할 의향이 있지만 대부분 HTML이다. 내가 어떤 도움을 주셔서 감사합니다

, 감사합니다!

Answer 1

왜 #main 및 #la이 그들에 z-index: -1이 있습니까? 이것은 뒤에 그들을두고 body (또는 일부 다른 요소)에 커서를 가져 가면 커서를 가져 가거나 클릭하면 처리 할 수 ​​없으므로이 스타일을 삭제하면 페이지가 정상적으로 작동합니다.