css - 如何使 iFrame 随背景滚动？

Question

我设计了一个网页，我在其中使用了填充背景的图像
我正在使用实际上包含内容的 iFrame。
我将其放置在背景图像类似于主要内容 (iFrame) 的边框的位置。
现在，问题是当我滚动 iFrame 时，背景保持静止，而当我滚动背景时，iFrame 保持静止。
我想一起滚动；
或者如果有一种方法背景根本不滚动并且 iFrame 与用于网页的浏览器主滚动条一起滚动。
任何建议或意见将不胜感激!
谢谢你!

Answer 1

您为什么使用 iframe？你在找类似 this fiddle 的东西吗？这将允许主要内容在背景静止的情况下滚动:

html: CSS:

body {
    background: url(images/full_screenBgImage.jpg) no-repeat transparent;
    background-attachment: fixed;
    background-position: bottom left;
}
#mainContent {
    background-color: white;
    padding: 10px;
    width:50%;
    margin:20px auto;
}