使用JQuery方法时，Internet Explorer中的CSS定位不正确

Question

拥有以下代码：

ImageGroup.append("image")
        .attr("href", "element.svg")
        .attr("x", "50%")
        .attr("y", "50%")
        .attr("id", "image");

Internet Explorer中存在问题。加载页面对象后，位于网站顶部。如果我执行 css中的任何更改，则图片会转到正确的位置。我真的不知道如何找到解决这个问题的信息。