微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

后台附件到底能做什么?

如何解决后台附件到底能做什么?

我在想,当我们写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属性指定背景是否 图片应滚动或固定(不会与其他图片一起滚动 页):

解决方法

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。