javascript - 如何获得类似于 iframe 提供的 div 隔离级别?

标签 javascript html css iframe

所以我有一个元素 page.html其 JS 和 CSS 可能与我的 main.html 冲突。我想嵌入page.html内容进入 main.html不损坏main.html逻辑。 iframe目前是为我做的,但我想要来自 main.html 的元素有时将鼠标悬停在它上面,这就是我遇到问题的地方 iframe方法。所以我想隔离div这可能吗?

最佳答案

您需要将 all: initial 应用于您的 div,并将 all: unset 应用于其后代。

#targetDiv {
  all: initial; /* blocking inheritance for all properties */
}
#targetDiv * {
  all: unset; /* allowing inheritance within #mydiv */
}

关于javascript - 如何获得类似于 iframe 提供的 div 隔离级别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60094654/

相关文章:

css - 图片横着显示

移动浏览器中的 CSS 背景标题不稳定

javascript - 编辑没有 id 的 <p>

html - CSS:带有水平滚动和下拉按钮的顶部栏

html - 将搜索框从旧网站转移到新网站

javascript - 在 HTML/CSS/javascript 中,单击鼠标并将鼠标悬停在子选项卡内的选项卡上时,代码无法按预期工作

javascript - 正则表达式捕获变量

javascript - 使用jquery选中复选框时如何删除

javascript - Bower - EPERM,取消链接错误

html - CSS calc() 是否得到广泛支持?