Javascript Don'；不允许div阻止父事件

我有一些元素，在调度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索引比其他索引大。因此，当我尝试选择另一个elment时，下面的elment当然不会得到mouseneter事件。

---

我的问题是：有一种方法可以让选择器div不阻止其他元素事件？

无需担心！我刚找到这个css属性

pointer-events:none;