css - Safari 中的多个背景

Question

此代码在 Chrome 和 FF 中适用于我，但出于某种原因不适用于 Safari。 Safari 应 support it尽管。 Safari 报告语法有问题。这可能是真的，但我似乎无法弄明白。

.frontpage {
background: url(logo.png) no-repeat center center / 50% auto,
            url(background.png) no-repeat center center / cover;
}

我需要 background.png 充当封面并填充页面的整个背景，而 Logo 应居中且宽度为 50%，高度为自动。

Answer 1

设置 background-size appart，以避免在还不是旧的但不再是最新的浏览器上出现这种故障:)

编辑

.frontpage {
background: url(logo.png) no-repeat center center,
            url(background.png) no-repeat center center;
background-size: 50% auto,
            cover;
}