Позиционирование элементов, проблема в наложении слоев, как решить?

Question

[indee1]

т.е девка, это фоновая картинка в диве и position : relative. Белые точки, ссылки нанесены в position: absolute.

При клике на одну из точек открывается полоска с информацией (на скрине видно). Полоска - это прозрачная картинка с самой полосой (и так для каждого элемента).

Проблема в том, что, если например я кликну на точку что расположена на ноге, а потом захочу кликнуть на точку что на бедре, то я не смогу, т.к картинка (указатель) с ноги перекрывает другие точки, которые находятся в той области.

Как мне решить данную проблему?

Answer 1

[Ivanq]

При нажатии не на точку - скрывать всё. А по-хорошему - нужно сверстать так, чтобы не перекрывало.

Comments

[indee1]

"При нажатии не на точку - скрывать всё." - Это как? Можно пример?

[indee1]

"А по-хорошему - нужно сверстать так, чтобы не перекрывало." - если бы знал как, не писал бы сюда :)

[Ivanq]

indee1: Допустим, вешаете на кнопку обработчик: скрыть все показанные подсказки; показать одну подсказку

[indee1]

Ivanq: т.е js нужно писать?

[Ivanq]

indee1: или сложными правилами на css

Answer 2

[Узаир Ижа]

Может z-index поможет?

Answer 3

[Максим Софронов]

Белым точкам нужно задать больший z-index, чем появляющейся полоске, тогда она не будет вам мешать.