html - 防止 iFrame 采用父 CSS

Question

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

具体来说：

我正在我的主类中创建一个 iframe 对象，并且我试图在显示 iFrame 时更改主页的不透明度，但由于某种原因，它也改变了 iFrame 的不透明度。我试图把代码，但它看起来很难看......

基本上，我正在尝试做类似 Facebook（或其他网站）查看图像的方式。背景变暗（ish）并弹出一个页面，您可以浏览它。

Answer 1

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

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

我试图在显示 iFrame 时更改主页的不透明度，但由于某种原因，它也改变了 iFrame 的不透明度

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

不要把iframe你要设置的元素放在里面opacity。您可能必须使用绝对定位来获得所需的布局。