在动力学层之上的CSS

Question

我有一个带有rect / paths的动力学图层，并且在顶部导航区域中实现实时搜索功能的过程中，当结果div出现时，div对它有不透明性。

My 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