在浏览器窗口中居中，可在Safari中使用，但在Firefox或Chrome中无效

Question

无论页面滚动到何处，我都需要在浏览器窗口中居中弹出窗口。窗口函数与jquery一起使用。这在Safari中有效，但在其他浏览器中无效：

#infoBox1, #infoBox2, #infoBox3, #infoBox4 {
    position: fixed;
    display: none;
    width: 70%;
    height: auto;
    top: 30%;
    left: 50%;
    margin: -15% -35% 0 -35%;
    z-index: 400;
}

任何建议将不胜感激。

Answer 1

您可以使用：将该元素居中

 .div { 
    position:absolute; // or use fixed;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
 }

Answer 2

尝试一下，希望有帮助