我正在处理Windows 8和Windows 8.1上IE 11的奇怪行为.我正在固定定位元素内固定元素的位置.它变得很奇怪.当我用开发工具检查它时,它在正确的位置,但在视觉上它完全在不同的地方.我发现如果我暂时禁用父元素的位置规则然后再次启用它,则子元素在此之后正确呈现.Win 7上的IE 11没有这个问题.
HTML:
<body style="" class="modal-open">
<div class="container">
<div id="bg-overlay" class="row">
<div class="col-lg-12 col-md-12">
<div id="photo-modal" class="modal fade in" style="display: block;" role="dialog" aria-hidden="false">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body"><img src="d4wbqxn.jpg" width="1100" height="600" class="img-responsive" style="margin: 0 auto;"></div>
<div class="modal-footer" style="padding-bottom: 104px;">
<div id="comments" class="clearfix"><div class="comment guest" style="">
<img src="avatar50x50.png" alt="Avatar" class="avatar img-circle">
<a href="#" class="user" data-id="5">Test1</a>
<div class="clearfix">
<div class="well well-sm">Cool</div>
</div>
<small>01/02/2014 20:01</small>
</div><div class="comment owner" style="">
<img …