位置：已修复，javascript不工作

我有个奇怪的问题。我的聊天室里有一个调色板，我不明白什么时候我在应用position:fixed JavaScript不工作，如果我删除position:fixed它工作

这是真的吗？还是我应该尝试另一种方法？我不知道如何将调色板覆盖在聊天对话框上，而不使用position fixed a边距将内容放置在我想要的位置

有什么意见吗

我知道有很多代码，但我只是想让你有一个想法，当你看它。可能是我把事情搞砸了

错误必须在此页面或css上

index.php

<div id="colorpickerB" style='display:none;'>
  <div id="colorpicker">
    <img src="palette.png" id="palette" alt="Color Palette" border="1"/>
    <br />
    <input id="color" type="hidden" readonly="true" value="#000000" />
  </div>    
</div>
<table id="content">
  <tr id="chat-top">
    <td>
      <div id="scroll">
      </div>
    </td>
  </tr>
  <tr id="chat-btm">
    <td colspan="2">
      <div id="items">
        <input type="text" class="" id="messageBox" placeholder="Enter your message here" maxlength="2000" size="30" />
      </div>
      <div id="color">
        <button type="button" id="sampleText" class="chat-btn" onclick="toggleElement('colorpickerB');">
          Color
        </button>
      </div>          
      <input type="hidden" class="" id="userName" value="<?php echo $log_username; ?>" maxlength="20"/>
      <input type="button" class="chat-btn" value="Send" id="send" />
      <?php
      if ($user_ok === true) {
          if (($log_userlevel == '7') || ($log_userlevel == '8')) {
            echo '<input type="button" class="chat-btn" value="Delete All" id="delete" />';
          }
        }
      ?>
    </td>
  </tr>
</table>

---

你说javascript不起作用。您发布的代码中没有javascript。而且不起作用的信息非常少。请创建一个JSFIDLE来演示您的问题。甚至无法使切换功能正常工作。我知道了，谢谢

   #colorpicker {
   margin: 5px 0px 0px 6px;
   }
   #colorpickerB{
   position: fixed;
   margin: 90px 0 0px 461px;
   border: solid 1px black;
   width: 290px;
   height: 273px;
   background-color: white;
   z-index: 2000;
   }