Question

我遇到position: absolute div的问题。 IE7在输入旁边显示它，但在普通浏览器中它显示在它下面。我该怎么办呢？我正在使用一些我无法修改的第三方JavaScript，因此我无法在input和div之间插入任何内容。

<div style="position: relative" id="header">qwe</div>
  <div style="position: relative">
    <table style="background: red; position: relative">     
      <tr>
         <td>      
            <input type="text" style="width:200px; " value="a date here" />        
            <div style="position:absolute; width: 300px; height: 300px; background: #eeeeee;"> 
              [a calendar here]       
            </div>        
         </td>  
      </tr>
      <tr>
        <td> 
         [text/inputs/buttons behind the calendar]
        </td>
      </tr>
    </table>
  </div>

这只是我为这个问题做的一个例子。我确实有位置：我的代码中的几个元素的相对设置，无论如何都失败了ie7。 “在它之下”意味着它应该是在点击它之后显示在该输入下的日历，以便用户轻松选择一些日期。

编辑：重做的例子

编辑：[问题解决者 - 链接删除] - 点击右边的“zapytanie i rezerwacja”然后“folwark zamkowy”。您可以在该表单中找到那些日历输入。在从javascript输入后立即添加包含日历的<a>块。

Answer 1

更新：我仍然不遵循您的代码。我不知道你为什么这样做（为什么要使用表？），但你需要top:和/或left:（或右或底）{ {1}}。

例如：absolute:position

另外，摆脱style="position:absolute; top:5px; left: 5px;"。我不知道那里有什么（！）。

更新更新：如果您只想让文字显示在日历后面，那么您需要绝对定位表格。

Answer 2

你试过float:left;吗？也许缺少浮动是问题所在。但IE7本身就是一个问题。

在IE7中绝对定位INPUT元素

2 个答案: