编辑:问题解决了。我不敢相信我一开始就没有想到这一点。解决方案:
#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;
}