고정 된 div 옆에있는 링크를 클릭 할 수 없습니다.

Question

편집 : 문제가 해결되었습니다 .. 나는 그걸 처음으로 생각하지 않았다는 것을 믿을 수 없습니다. 솔루션 :

#message-box{position:fixed;bottom: 29px;left:0px;width: 400px;}

---- 원본 메시지 : http://i242.photobucket.com/albums/ff198/Warz/divchatproblemmodified.png

(거기 ID = 바닥 글 말한다하지만이 가정 :

안녕, 여기

은 이미지입니다 말 : id=footerbar 또한 맨 밑에있는 바 ("statusbar"라는 ID로 메시지를 입력하는 곳)에을 표시해야합니다.이미 그랬습니다.)

채팅으로 내 사이트에 바 표시 줄을 만들려고합니다. 채팅 크기는 크기를 조정할 수 있어야합니다 (높이 변경). 보시다시피 chat 위에 div (msg-top)를 추가 했으므로 채팅의 크기를 조정할 때 msg-top도 이동해야합니다.

다음 이미지를 보면 문제가 표시됩니다. <div id="footerbar">는 다음과 같은 설정을 가지고 있으며, 따라서 전체 영역을 포함합니다 :

#footerbar {position: fixed;bottom: 0px;left: 0px;right: 0px;} 

모든 div의이 #footerbar의 자녀입니다.

이 때문에 채팅 상자의 높이를 100 %로 조정하면 링크를 클릭 할 수 없습니다. 그림 같은 작은 높이에서도 채팅 상자 오른쪽에있는 모든 링크를 클릭 할 수 없습니다.

이 문제를 해결하려면 어떻게해야합니까?

감사합니다.

다른 div의 :

/* background opacity */ 
#opacity-me,#msg-top,#msg-messages,#statusbar { 
    background: black; 
    color: white; 
    border-top: dotted 1px white; 
    opacity: .90;  
    filter: alpha(opacity="90"); 
    z-index: 200; 
    overflow: hidden; 
    overflow-y: auto; 
} 
#statusbar { 
    position: relative; 
} 
#message-box{ 
    position:relative; 
    width: 400px; 
} 
#msg-top { 
    overflow: hidden; 
    border: 0px; 
    border: dotted 1px white; 
} 
#msg-messages { 
    padding-left: 4px;  
    padding-right: 4px;  
    height: 100px;  
    border: 0px; 
} 

Answer 1

이 사업부 아이디 = 바닥 글을 높이주고, 그래서 뭔가 같은 :

#footerbar {position: fixed;bottom: 0px;left: 0px;right: 0px; height:30px;} 

이, 그것을 해결 단지 따라 높이를 조정해야합니다. 이게 작동하는지 알려주세요.

Answer 2

엘리먼트 (Element)는 다른 요소 아래에, 그래서 당신은 할 수없는 것 klick 링크, 링크는 여전히 작동하고 ... 단지 footerbar에 Z- 인덱스를 사용하거나 footerbar 위치를 변경하려고 ...