IE 9中的Javascript浮动框未正确显示

我的网站上有一个浮动框出现问题，此浮动框是使用JavaScript创建的（我自己没有编写它）。这个浮箱的代码如下所示：IE 9中的Javascript浮动框未正确显示

<!-- START - popup-box --> 

<script type="text/javascript"> 
var infobox_open = true; 
function slide_infobox(){ 
    if(infobox_open){ 
     $("#infobox").animate({left:-180},500); 
     infobox_open = false; 
    }else{ 
     $("#infobox").animate({left:0},500); 
     infobox_open = true; 
    } 
} 
</script> 
<div id="infobox" class="infobox_container"> 
    <div class="infobox_content"> 
     <float-title>MY TITLE</float-title> 

<div> 
<script type="text/javascript" src="//app.example.com/data/webforms/191361/j171g722op1.js?v12"></script> 
</div> 
<div> 
<a class="povprasevanje" href="http://www.example.com/link/">Pošljite povpraševanje</a> 
</div> 




    </div> 
    <div class="infobox_button" id="infobox_button"> 
     <a href="javascript:slide_infobox();"><img src="http://www.example.com/infobox_button.png" /></a> 
    </div> 
    <div class="clear"></div> 
</div> 
<!-- END - popup-box -->

在FF，歌剧，Chrome浏览器，它的正确显示（见例如here），但在IE浏览器（目前正在查看IE 9），这是不是这样的，因为它漂浮得太高。请参阅this image以查看区别。不过，它在Microsoft Edge浏览器中正常工作。

我想问的是：我该如何解决这个问题，是否有什么应该用JavaScript代码本身来完成，以便IE 9正确显示它？

来源

2016-11-23 Tilen K.

这看起来更像是一个CSS问题，而不是JS的一个 –

绝对定位你的div，清除任何浮动 – madalinivascu

这看起来像一个CSS问题，而不是JS。

因此，在你的CSS代码补充一点：

#infobox { 
    position: absolute; // It should be positioned absolute 
    top: 200px; // Or the pixels from top or from relative parent you want 
}

，它应该工作。如果没有，请更新您的代码并添加您的CSS代码。

来源

2016-11-23 09:19:41

IE 9中的Javascript浮动框未正确显示

回答

相关问题