防止iFrame获取父CSS

时间:2012-07-02 15:34:37

标签: html css iframe

如何防止iFrame对象从主页面获取css属性。 (或者我认为这就是它正在做的事情)

具体做法是:

我正在我的主类中创建一个iframe对象,我正在尝试在显示iFrame时更改主页面的不透明度但是由于某种原因它也会改变iFrame的不透明度。我试着把代码放进去,但看起来很难看......

基本上我试图做一些像Facebook(或其他网站)看待图像的方式。背景变暗(ish)并弹出一个页面,你可以浏览它。

1 个答案:

答案 0 :(得分:5)

  

如何防止iFrame对象从主页面上获取css属性。

什么都不做。 iframe包含独立文档,CSS不会级联到它们中。

  

我正在尝试在显示iFrame时更改主页面的不透明度但由于某种原因它也会更改iFrame的不透明度

opacity更改其应用的元素的呈现内容,而不是该元素的每个单独后代。

不要将iframe放在要设置opacity的元素内。你可能不得不使用绝对定位来获得你想要的布局。