CSS 后台语法

Question

我看到了一个奇怪的代码示例。 我完全不知道 center center / cover 是什么意思。
center center 表示 居中背景
cover表示调整背景到区域
但是 center center / cover 是什么意思？

background {transparent url(...) no-repeat scroll center center / cover;}

Answer 1

来自https://developer.mozilla.org/en/docs/Web/CSS/background

<bg-size> See background-size. This property must be specified after <position>, separated with the '/' character.

我是它只是将背景大小与位置分开

Answer 2

嗯，center center 只能在 background-position 属性 中指定，这样就是背景位置，cover 只能在 background-size 中指定 属性 这样就是 background-尺寸，

这些值仅指定所用背景图像的大小或位置。它是一种 shorthand 方式，可以在一行中指定背景的所有属性及其值 属性。正斜杠是您要指定位置和大小的时候。

例如：

background: colour url(...) position/size repeat clip origin attachment;

使用大小的示例：

background: colour url(..) 50px(left-margin) 50px(top-margin)/50%(size) no-repeat scroll;