不允许div阻止父事件

Question

我有一些功能，在调度mouseenter时，会创建一个div，使用带边框的div覆盖所选元素。

这样的事情：

function attachSelectorBarTo(el){
            var bar = $('#editor-selection-bar');
            bar.css({
                top:el.offset().top,
                left:el.offset().left
                width:el.outerWidth(),
                height:el.outerHeight()
            }).show();
        }
        $(function(){
            $('[editordata]').mouseenter(function(event){
                event.stopPropagation();
                attachSelectorBarTo($(this));
            }).mouseleave(function(){
                //hideSelectorBar();
            });
        });

但是，选择器div位于绝对位置，z-index比其他位置更强。因此，当我尝试选择另一个元素时，下面的元素当然不会得到鼠标事件。 我的问题是：有一种方法可以让选择器div不阻止其他元素事件吗？

Answer 1

没关系！我刚发现这个css属性！

pointer-events:none;