png изображение прозрачного пространства, закрывающего якоря под ним?

Question

png изображение прозрачного пространства, закрывающего якоря под ним?

0

Я делаю этот дизайн http://postimg.org/image/z0w6wb4zb/

Я планирую сделать много анимаций и переходов, поэтому я вставлял каждый слой отдельно (остров, каждое облако в отдельности, каждая кнопка), в основном как изображения, я не мог переделать ни один из этих элементов с помощью css.

Итак, проблема в острове -as, вы можете see- быть выше кнопок. Но когда z-индекс острова больше, чем кнопки, кнопки все еще видны, но я больше не могу их навести/щелкнуть. Как будто кнопки покрываются прозрачной областью острова.

Каким будет рекомендуемое исправление в этом случае?

Magdi Gamal 11 нояб. 2013, в 10:13

Источник

0

покажи немного кода, приятель
Mohsen Safari 11 нояб. 2013, в 08:21
0

Может быть, вы могли бы разместить невидимые кнопки над островом, которые представляют реальные кнопки?
SKeurentjes 11 нояб. 2013, в 08:21
0

z-index работает с позиционированными элементами. Вы установили позицию для них?
Mohsen Safari 11 нояб. 2013, в 08:22

Показать ещё 1 комментарий

Теги:

html

css

css3

2 ответа

Ещё вопросы

Может быть, вы могли бы разместить невидимые кнопки над островом, которые представляют реальные кнопки?
z-index работает с позиционированными элементами. Вы установили позицию для них?

nicb · Answer 1 · 2013-11-11T06-44-00.000Z

Вы right-- элементы в html занимают прямоугольное пространство, поэтому независимо от прозрачности фонового изображения прозрачные части все равно будут блокировать то, что ниже них. Я могу думать о двух решениях:

Разделите остров на две части (узкая вертикальная для дерева и более широкая для земли). Это, вероятно, проще.
Добавьте дополнительные элементы с абсолютным позиционированием, которые выстраиваются в линию с помощью кнопок с более высоким индексом z. Таким образом, z-индекс изображений кнопок будет 1, на острове/дереве будет 2, а на невидимом, кликабельном элементе над кнопками будет 3.

Удачи!

Murshid Ahmed · Answer 2 · 2013-11-11T07-11-00.000Z

Вы уверены, что это не сработало? Вот скрипка работает хорошо. Вы занимали position:absolute? В этом случае, как вы сказали, ваш островный слой должен иметь больший div, который скрывает кнопки div.

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