移除 iframe 的页面背景颜色

Question

我在页面上有一个iframe，它目前的背景颜色是灰色的，我想将其改为白色，但似乎无法实现。我尝试使用jquery，但不确定是否正确：

$(document).ready(function(){
    $('iframe').contents().find('body').css('backgroundColor', 'white');
});

目前，iframe中的bo标签具有内联background-color：#f1f0e9

有没有人能建议我如何更新此背景颜色？我尝试了CSS，但没有效果。

问题出在这个页面：http://cromorevillage.com/book.html

iframe是预订元素，因为必须添加iframe高度以显示所有预订选项，所以此背景颜色延伸到页面底部。

- styler

---

iframe 的 src 属性与其父页面的域、协议和端口是否匹配？ - alex

@alex 不，iftame 是外部的。 - styler

Answer 1

我的评论...

iframe 的 src 属性是否与其父页面匹配域、协议和端口？

你的回答...

不，iframe 是外部的。

你无法更改它的原因是由于同源策略。

- alex

---

谢谢，无法更新此背景颜色吗？ - styler

@kylle 除非你能规避同源策略 :P - alex

Answer 2

$(document).ready(function(){
    $('iframe').contents().find('body').attr('bgcolor', 'white');
});

- Senad Meškin

---

这似乎并没有解决问题，如果有帮助的话，我已经添加了实际页面问题的链接。 - styler

Answer 3

.css('background-color', 'white');

background-color 是你要找的 CSS 样式。

---

你需要添加一个值为 CP="CAO PSA OUR" 的 P3P 头，以允许跨域接口。

- Code Maverick

---

我已经将代码从backgroundColor更新为background-color，但是没有任何变化？ - styler

http://jsfiddle.net/DotNetScott/JPK9F/ 显示它正确地改变了颜色。 - Code Maverick

尝试将 iframe 的 src 属性指向 http://google.com。jsFiddle。 - alex

我只是想证明 background-color 是正确的 CSS 样式。我无法在 jsFiddle 中添加 P3P 标头。=D - Code Maverick