CSS背景固定和封面

我想设置一个fixed背景图像，该图像也覆盖div但由于某种原因，当我将fixed添加到CSS中时，图像会被拉伸到div的边界之外

这是两个示例，一个是固定的（不正确的尺寸），另一个是正确的尺寸，但不是固定的（滚动页面）

#不正确{
最小高度：100px；
背景：url（'http://034.83e.myftpupload.com/wp-content/uploads/2015/04/entete_image.png'）无重复固定中心/盖；
}
#正确的{
最小高度：100px；
背景：url（'http://034.83e.myftpupload.com/wp-content/uploads/2015/04/entete_image.png’）无重复中心/盖；
}

尝试以下操作：

#incorrect{
  min-height:100px;
  background-image: url('http://034.83e.myftpupload.com/wp-content/uploads/2015/04/entete_image.png');
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

---

纯CSS不可能实现您正在尝试的操作

使用

后台附件时：固定使图像的行为与
位置：固定
相同

位置：固定通过

不要为元素留空间。相反，将其放置在相对于屏幕视口的指定位置，滚动时不要移动它。打印时，将其放置在每页的固定位置

因此，它所做的是将背景图像“移出div”，并相对于视口本身调整其大小。这就是它“缩放”和“剪裁”背景图像的原因

您可以使用JavaScript或jQuery解决这个问题。下面是一个代码片段，以您的代码为例：


$（窗口）。滚动（函数（）{
var scrolledY=$（窗口）.scrollTop（）；
$（'#不正确'）.css（'background-position'，'left'+（（scrolled））+'px'）；
});
#不正确{
最小高度：100px；
背景：url（'http://034.83e.myftpupload.com/wp-content/uploads/2015/04/entete_image.png'）无重复滚动中心/盖；
}
#正确的{
最小高度：100px；
背景：url（'http://034.83e.myftpupload.com/wp-content/uploads/2015/04/entete_image.png’）无重复中心/盖；
}
div{页边距底部：200px；}



您正在滚动div吗？或者当视口滚动时，您是否希望它保持不变。。。请记住，当您运行我添加的代码段时，div将滚动，您可以看到固定图像不会滚动，而非固定图像（正确的尺寸）会滚动。我希望在滚动时图像保持固定，但要以CSS cover属性工作的方式覆盖div关于编辑，
background attachment:fixed
告诉specially将背景位置固定到视口：Yes。这就是我注意到的。有转机吗？它不起作用。这只是重新措辞和删除封面。