Question

编辑：问题解决了......我简直不敢相信我没想到这一点。解决方案：

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

----原帖：

您好，

这是图片： http://i242.photobucket.com/albums/ff198/Warz/divchatproblemmodified.png

（它说id = footer，但它应该说id=footerbar。最底部的栏（你输入一条名为“statusbar”的ID的地方）应该覆盖width: 100%;就像它已经做的那样。）

我正在尝试通过聊天在我的网站上创建一个底栏。聊天大小应该可以调整大小（更改高度）。如您所见，我在聊天上方放置了一个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

元素位于另一个元素下方，因此您无法点击链接，链接仍在工作...只需在页脚栏上使用z-index或尝试更改页脚栏位置...

Answer 2

给div id = footer一个高度，如：

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

这应该修复它，只需相应调整高度。让我知道这个是否奏效。

无法单击固定div旁边的链接。

2 个答案: