Question

我正在尝试使用2张图片创建一个磨砂玻璃效果，一个是页面的背景，一个是看起来结霜的背景。为实现此目的，我使用以下代码：

body {
    background: url(interferentie.png) no-repeat center center fixed;
    background-size: cover;
}

#centerlogo {
    width:600px;
    height:200px;
    background:url(interferentie_lensblur.png) center center fixed;
    background-size:cover;
    top:50%;
    left:50%;
    margin-left:-300px;
    margin-top:-100px;
    position:absolute;
}

在Firefox中，这很好用。但是在chrome中，div的背景并没有集中。您可以在此处查看示例：http://www.wavelengthfestival.nl。

在chrome中，看起来div的背景只是从div开始的地方开始。有没有人知道这个问题的解决方案？

Answer 1

#centerlogo   margin-left:auto   margin-right:auto

div的背景不相对于chrome中的页面居中

1 个答案: