Question

我的网站上有一个浮动框有问题，这个浮动框是用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，Opera，Chrome浏览器中，它正确显示（参见示例here），但在IE浏览器中（目前正在查看IE 9），情况并非如此，因为它浮动太高。请参阅this image以了解其中的差异。但它在Microsoft Edge浏览器中可以正常工作。

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

Answer 1

这似乎是一个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代码。

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

1 个答案: