2010-09-08 44 views
0

我有一个网页是在样式表如何在父页面有iframe时不显示背景图片?

body {background: url(blabla) center top no-repeat; 

设置当我把在网页中我得到在iframe重复的背景图像的iframe背景图像,我怎样才能避免这种情况? allowtransparency =“yes”使它在FireFox中消失,但不是IE。

<iframe class="iframeclass" allowtransparency="yes" src="/site.html"> 

在此先感谢。

编辑它也不会在FireFox中消失。

+0

一个生动的例子将是一个伟大的资产在这里:) – Kyle 2010-09-08 08:10:52

+0

不幸的是我没有。该iframe有一个链接到相同的样式表,并有一个身体标记,所以我明白为什么它会得到背景图像,我不知道是否有一种方式与CSS来摆脱,而不改变它链接到的样式表, – Peter 2010-09-08 08:13:43

+0

你可以发布iframe和相关的身体CSS的CSS呢?你也可以在www.jsfiddle.net上用你的代码创建一个例子:) – Kyle 2010-09-08 08:15:27

回答

2

如果顶部页,在iframe页面都加载,这也难怪他们有相同的背景相同的CSS 。 iframe中的页面是否出现在它之外?如果没有,你可以只通过添加 <style> body { background: 0; } </style> 在这的iframe里面的页面的头部覆盖的iframe的页面风格,但css文件已被链接以后。

0

在一个或设置一个类每个身体的选择?然后只使用选择器只设置一次背景(如果这是你想要的)

+0

在这种情况下,他必须编辑样式表(他不希望看到问题)或添加另一个样式元素或样式表,我的答案是更有效地处理。 – 2010-09-08 09:38:43