Question

这在FF，Opera，Chrome中运行良好。问题仅在IE中。我有一个div，我正在加载下面的内容

  <a href="javascript:;" onClick="$('.test').show();">Add</a>

  <div class="test" style="position:fixed;width: 300px;height:200px;display:none;">
     hello friends
  </div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
asadsadsad<br><br><br><br><br><br><br><br><br><br><br>jsjdhahdgasdhg<br><br><br><br><br><br><br><br><br><br>kshdksjdh

当我点击锚标签时，框显示（显示无阻止），但div没有得到固定位置，它随着滚动条移动:(

要在IE中进行位置固定工作我正在使用

这是否发生因为内容是通过ajax加载的？可能是什么解决方案？

Answer 1

将<meta http-equiv="x-ua-compatible" content="ie=edge"/>添加到<head>。

Answer 2

将测试div更改为position:absolute，并且拼错了height属性：

<a href="javascript:;" onClick="$('.test').show();">Add</a>

<div class="test" style="position:absolute;width:300px;height:200px;display:none;">
   hello friends
</div>

<br/>123<br/>123<br/>123

位置修复不能在通过ajax在div中加载的IE9内容中工作

2 个答案: