jquery - 动态层之上的 CSS

Question

我有一个带矩形/路径的动态层，并且在顶部导航区域中实现实时搜索功能的过程中，当结果 div 出现时，div 具有不透明性。

我的 Kinetic 层的不透明度为 0.4，所以我猜 CSS 是从 Kinetic 层继承的？

var mapLayer = new Kinetic.Layer({
    x: 0,
    y: 0,
    scale: 1,
    opacity: 0.4
});

结果 div 是:

#results {
    display: block;
    width:250px;
    z-index:999;
    height:80px;
    background-color: #CCDDDD;
    opacity:1;
}

图层 rect/paths 有鼠标悬停事件，所以我也希望在搜索结果出现时忽略这些事件:

rect3.on('mouseover', function () {
    //alert("Mouseover");
    this.setFill('#FFDD00');
    this.setOpacity(1);
    //this.moveTo(topLayer);
    mapLayer.draw();
});

我整理了一个 JSFiddle 来显示正在发生的事情。

http://jsfiddle.net/matt_65/kT32e/

Answer 1

将 position:relative 添加到您的 #results div，它应该可以工作 - z-index 将仅适用于定位元素:

Fixed fiddle