指针 - 事件在外部div上没有，但在内部iframe上没有

Question

我需要一个div在div上有一个pointer-events:none但在div内部的div上没有div。

基本上我.contentWindow.document.write div进入iframe，然后 我需要特定的内部div来对鼠标事件作出反应，即使包含iframe的div有pointer-events:none

pointer-events:auto无法正常工作，因为它仍会继承none，其他所有选项都只是“svg”。

我只需要在chrome中使用它！

似乎说“自动”在这里工作，但它不适合我：http://css-tricks.com/almanac/properties/p/pointer-events/

Answer 1

这完全取决于您的目标。

Example JSFiddle

尝试将iframe的指针事件设置为auto。

iframe{
    pointer-events: auto; /*You can add !important too if necessary*/
}

请记住，iframe的内容是他们自己的文档，不会从父级继承CSS，所以你的iframe是不可点击的，而不是它内部的div。