Question

我有：

<html>
  <body>
    <div id="popup>
      <iframe><html>...</html></iframe>
    </div>
  </body>
</html>

我想将#popup css的父HTML设置为css({'position':'fixed','pointer-events':'none'})，但我似乎无法正确定位它。当只使用简单的$("html").css({'position':'fixed','pointer-events':'none'});时，还会禁用iframe中的滚动，所以我只需要定位父html。

Answer 1

尝试使用$("#popup").closest("body")

我必须注意，您使用<iframe>做的事情有点奇怪。通常您想要使用src=""属性。为什么要在其中添加<html>标记？

Answer 2

在html上应用css并不是一个好习惯。如果您想在整个文档中应用css，请应用<body>标记。

$("body").css({'position':'fixed','pointer-events':'none'});

尝试这样做会很好。

Answer 3

应该有效：

 $( "#popup" ).closest('html').css( {'position':'fixed','pointer-events':'none'});

目标父母并设置CSS

3 个答案: