CSS поверх Кинетического Слоя

0

У меня есть кинетический уровень с прямыми/путями и в процессе реализации функции поиска в реальном времени в верхней области навигации, когда результаты 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, который показывает, что происходит.

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

  • 0
    Я не вижу непрозрачности в ваших результатах div ( jsfiddle.net/peteng/kT32e/3 ) - единственная непрозрачная вещь - это холст с кенетическим материалом справа?
  • 0
    Спасибо, я имею в виду, что DIV является сплошным цветом, но кинетический слой / объекты появляются внутри DIV. Как я могу заставить DIV появляться поверх кинетического материала?
Показать ещё 2 комментария
Теги:
kineticjs

1 ответ

1
Лучший ответ

Добавить position:relative вашего #results div, и он должен работать - z-index будет применяться только к расположенным элементам:

Исправлена скрипка

Ещё вопросы

Сообщество Overcoder
Наверх
Меню