У меня есть кинетический уровень с прямыми/путями и в процессе реализации функции поиска в реальном времени в верхней области навигации, когда результаты div отображаются, у div есть непрозрачность.
Мой кинетический слой имеет непрозрачность 0,4, поэтому я предполагаю, что CSS наследуется от кинетического слоя?
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/path есть события mouseover, поэтому мне также хотелось бы, чтобы они игнорировались при появлении результатов поиска:
rect3.on('mouseover', function () {
//alert("Mouseover");
this.setFill('#FFDD00');
this.setOpacity(1);
//this.moveTo(topLayer);
mapLayer.draw();
});
Я собрал JSFiddle, который показывает, что происходит.
Добавить position:relative
вашего #results
div, и он должен работать - z-index
будет применяться только к расположенным элементам: