jQuery不会改变背景
jQuery不会改变背景
提问于 2013-09-05 12:37:16
我的页面中有一个select框，它看起来是这样的：
<select id="bgselector" onchange="bg(this[this.selectedIndex].value);">
<option value="0.png" id="btn1">1. Default skin</option>
<option value="1.png" id="btn2">2. MK7 Collage</option>
<option value="3.jpg" id="btn3">3. Full Darkness</option>
</select>当我单击一个选项(感谢bg();函数)时，页面的背景会发生变化。顺便说一句，我的身体里也有一个iframe。
当主体背景发生变化时，我希望我的iframe也更改背景，所以我编写了以下代码：
$(function() {
var iframe_body = $('iframe').contents().find('body');
var set_bg = function(url) {
$('iframe').contents().find('body').css('background-image', 'url(' + url + ')');
$('iframe').contents().find('body').css('opacity', 1.0);
}
$('#bgselector').change(function() {
set_bg($(this).val());
});
$('#btn1').click(function(){
set_bg('http://mk7vrlist.altervista.org/backgrounds/0.png');
});
$('#btn2').click(function(){
set_bg('http://mk7vrlist.altervista.org/backgrounds/1.png');
$("body").css('opacity', 1.0);
});
$('#btn3').click(function(){
set_bg('http://mk7vrlist.altervista.org/backgrounds/3.jpg');
$("body").css('opacity', 0.9);
});
});使用上面的jQuery，当我更改身体的背景时，iframe中页面的背景就会发生变化。
问题是，当我在iframe中更改页面时，背景会更改为原始页面(而不是原来的正文)。我怎么才能解决这个问题？
Stack Overflow用户
发布于 2013-09-05 13:42:54
已经有了一个公认的答案，那么，作为一个更多的参考.
如果您希望在主background上使用与body && iFrame相同的图像
你为什么不使用Transparent Iframe Background呢？
在主页中：
<iframe ... frameborder=0 ALLOWTRANSPARENCY="true"></iframe>在iframe..。
<body style="background-color:transparent">不用再担心iframe background了.
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18636535
复制相关文章
相似问题
腾讯云开发者
