1

我在想我们写background: inherit;的时候应该准确地获取所有的父属性，根据它，应该复制子元素的背景，对吗？

但是今天当我使用背景附件时，我遇到了一个奇怪的结果，似乎我们使用时background-attachment: fixed;没有进一步的继承：

body{
  background-image: url('https://helpx.adobe.com/content/dam/help/en/stock/how-to/visual-reverse-image-search/jcr_content/main-pars/image/visual-reverse-image-search-v2_intro.jpg ');
  background-attachment: fixed;
}

#first{
  margin:80px 160px;
  background: inherit;
  border: dotted;
  width: 200px;
  height: 200px;
}
<div id="first"></div>

如您所见，上述代码的结果似乎与#first{ background:transparent; ...}.

谁能解释为什么会发生这种情况background-attachment: fixed;？我通过互联网搜索但我找不到我的答案，几乎所有的网站都给我同样的非理性解释：

background-attachment 属性指定背景图像是滚动还是固定（不会随着页面的其余部分滚动）：

4

1 回答 1

0

背景附件设置背景图像是随页面其余部分滚动还是固定的属性。这就像与图像的相对位置

于 2020-09-10T11:19:10.323 回答