我遇到一个奇怪的问题，即iframe中的背景图像被拉伸到iframe的高度，而不是它们附加到的div的大小。
基本上，我有一个由不同机构制作的页面，它将存在于客户主网站上的iframe中。此页面包含4或5个带背景图像的部分，使用以下css：
background-image: url(../images/bkg1.jpg);
background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
background-size: cover;
当我们单独查看文档时，这一切都很有效，但是当放置在iframe中时，背景图像大小不再相对于具有这些样式的div，它相对于整个iframe。我们计划让iframe成为文档的高度（大约7500px），因此它看起来更加集成，但是它的作用是将所有背景图像拉伸到7500px。我不知道为什么会发生这种情况。要查看的任何方向或者是否有人遇到此问题都将是一个巨大的帮助。谢谢！