如何使iFrame滚动背景?

时间:2014-05-05 06:11:04

标签: html css scrollbar webpage

我设计了一个WebPage,其中我正在使用填充背景的图像 我正在使用一个实际上有内容的iFrame 我把它放在一个背景图像就像主要内容(iFrame)的边框的方式 现在,问题是当我滚动iFrame时,背景保持静止,当我滚动背景时,iFrame保持静止。
我想一起滚动;
或者如果有背景根本不滚动的方式,iFrame滚动浏览器用于网页的浏览器主滚动条。
任何建议或意见都会非常值得赞赏! 谢谢!

1 个答案:

答案 0 :(得分:0)

你为什么使用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;
}