无法点击固定格子旁边的链接。

编辑：问题解决了..我简直不敢相信我一开始就想到这个问题。解决方案：无法点击固定格子旁边的链接。

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

----原始消息：

嗨，

以下是图像： http://i242.photobucket.com/albums/ff198/Warz/divchatproblemmodified.png

（它说，ID =页脚存在，但其应该也就是说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; 
}

来源

2010-07-08 Warz

给DIV ID =页脚的高度，所以是这样的：

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

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

来源

2010-07-08 13:57:56 RSM

这是行不通的，因为如果我将高度设置为30px，则聊天+栏+ msg-top总共不能超过30px。它看起来全部都被推出了屏幕。 – Warz 2010-07-08 16:47:29

没关系，我现在想通了......更新主题 – Warz 2010-07-08 17:32:39

解决方案是什么？ – RSM 2010-07-09 07:47:12

元素低于其他的元素，所以你不能够克利克的链接时，链接仍然工作...只是使用的z-index上footerbar或试图改变footerbar位置...

来源

2013-05-29 13:26:59 leiseliesel

无法点击固定格子旁边的链接。

回答

相关问题