html - 在一行中声明所有 CSS 背景属性——尤其是 background-size

Question

这是我的代码:

background: url(images/my-image.png) no-repeat center center / cover;

这在 Chrome 和 Firefox 上运行良好，但出于某种原因在 Safari 上运行不正常？

我曾经在它自己的行上声明我的 background-size 但据我所知，应该可以使用正斜杠在一行中声明所有属性？

任何帮助将不胜感激。谢谢。

Answer 1

由于一行简写代码对于 safari 浏览器来说似乎是未知的封面含义:

background: url(images/my-image.png) no-repeat center center / cover;

我之前遇到过同样的问题。以下内容适用于所有浏览器:

background: url(images/my-image.png) no-repeat;
background-position: center;
background-size: cover;/*now this is known for the safari*/