IE 11没有正确渲染javascript上的div

时间:2013-11-27 12:11:04

标签: javascript html css internet-explorer cross-browser

我正在使用IE 11,它无法正确呈现div对话框。所有维度即。高度,宽度,顶部,左侧给出不适当的结果。 IE10也是如此。

javascript代码段如下: -

if (height > 0 && width > 0)
{
    myDialog.height = height;
    myDialog.width = width;
    myDialog.top = (parseInt(document.body.clientHeight) - height) / 3;
    myDialog.left = (parseInt(document.body.clientWidth) - width) / 2;
}  

这里,myDialog是我正在讨论的div对象。为什么IE11的代码片段失败了? 任何帮助表示赞赏。

2 个答案:

答案 0 :(得分:1)

您正在HTMLDivElement实例上设置属性。您可以在style属性上设置更多成功:

if (height > 0 && width > 0)
{
    myDialog.style.height = height + "px";
    myDialog.style.width = width + "px";
    myDialog.style.top = ((parseInt(document.body.clientHeight) - height) / 3)  + "px";
    myDialog.style.left = ((parseInt(document.body.clientWidth) - width) / 2)  + "px";
}  

注意我还添加了px,因为这些是CSS样式的测量。

答案 1 :(得分:0)

尝试以下

if (height > 0 && width > 0)

{
    
myDialog.style.height = height;     
myDialog.style.width = width;     
myDialog.style.top =(parseInt(document.body.clientHeight) - height)/ 3;     
myDialog.style.left =(parseInt(document.body.clientWidth) - width)/ 2;
}