css - Safari 中的多个背景

Question

此代码在 Chrome 和 FF 中适用于我，但由于某种原因不适用于 Safari。Safari 应该支持它。Safari 报告语法有问题。这可能是真的，但我似乎无法弄清楚。

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

我需要 background.png 作为封面并填充页面的整个背景，而徽标应该居中并且宽度为 50%，高度为 auto。

Answer 1

设置background-sizeappart，以避免使用尚未旧但不再是最新的浏览器出现这种故障 :)

编辑

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