在缩放时保持相对于输入的建议框div

时间:2013-04-11 15:04:10

标签: javascript jquery html css

我在表格中有这个表格,其中一个文字输入有一个意见箱。当页面缩小到90%时,建议框div向下和向右移动大约6个像素。在缩放时有没有办法让div保持在同一个位置?谢谢。这是一个jsfiddle to demonstate

HTML:

table {
        border:1px solid grey;
      }

#box {
       border:1px solid red; 
       width:150px; 
       position:absolute; 
       top:35px; 
       left:41px; 
       background-color:white;
     }

<table>
  <tr>
    <td>one</td>
    <td><input></td>
  </tr><tr>
    <td>two</td>
    <td><input type = "button" id = "showBox" value = "click then zoom out"></td>
  </tr>
</table>

<div id = "box" style = "display:none;">
  <ul>
    <li>now zoom out</li>
  </ul>
</div>

的javascript:

$('#showBox').click(function(){
   $('#box').show();
});

1 个答案:

答案 0 :(得分:1)

我已更新您的fiddle

移动相应<td>中的框。虽然仍有一些闪烁,但它比以前更好。希望它符合您的标准:)