position fixed in IE9 content in div loaded via ajax

这在FF，Opera，Chrome中工作正常。问题仅限于IE。我有一个div中，我加载以下内容position fixed in IE9 content in div loaded via ajax

<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加载的？有什么能解决？

来源

2012-04-23 www.amitpatil.me

你有一个错字正确的风格 - >“;宽度：300像素，高度：200像素;” – rt2800 2012-04-23 14:17:00

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

来源

2012-04-23 14:17:43 Teemu

您的解决方案工作：）ü知道我花了4-5小时解决这个问题....我的代码是巨大的，我删除了所有内容，只剩下4行，但它仍然没有工作....那真的让我疯了，ü救了我。谢谢 – 2012-04-23 14:34:53

更改测试股利position:absolute也，你拼错高度属性：

<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

来源

2012-04-23 14:21:47

据我所知，OP希望使用'position：fixed'。 – Teemu 2012-04-23 14:32:04

@Teemu他希望它留在同一个地方，不要随页面和滚动条一起移动。这是绝对的，不是固定的。我相信他只是用错字来形容它。 – 2012-04-23 14:34:28

没有。使用位置：绝对定位元素在滚动时正在移动，当定位为“固定”时，他们不是。 – Teemu 2012-04-23 14:38:00

position fixed in IE9 content in div loaded via ajax

回答

相关问题