CSS颜色名称"background"是什么？

Question

background 是 CSS 中有效的颜色。它因浏览器而异，在 chromium 中是紫色的阴影。我找不到关于它的任何信息，想知道它存在的原因和含义。

.test {
  height: 200px;
  width: 200px;
  background-color: background;
}

<div class="test"></div>

- Kalium

---

有趣。对我来说，在IE11和Firefox中显示为深红色（＃800000），但在Chrome中显示为蓝色（＃6363CE）。 - dan04

起初，我认为这个问题可能是https://dev59.com/vWsy5IYBdhLWcg3wyw-i的重复，但它不是，因为这些十六进制代码中缺少字母BAC。 - dan04

这是一个重复的内容！如果您看向右边，您会看到“相关内容”。 - monstro

正如上面的评论所说（并且我的回答通过给出实际原因来明确），它不是那个链接问题的重复。如果background被解释为与chucknorris相同的方式，那么：1.在浏览器之间保持一致；2.是#ba000d，而不是#800000或#6363CE。 - jonrsharpe

Answer 1

这是指CSS2系统颜色之一，现在已经弃用。

请注意，在该文档中列出的Background也会产生相同的结果；CSS不区分大小写，我认为它们只是以CamelCase列出，以使单词边界更清晰。

.test {
  height: 200px;
  width: 200px;
  background-color: Background;
}

<div class="test"></div>

- jonrsharpe