DIV Наложение DIV, ссылки в последнем DIV недоступны

Question

У меня есть фотошоп, размером 500x600, который я использую в качестве фонового изображения для первого div. Второй div располагается поверх первого div и заполняется изображениями. Z-индекс первого div установлен на 100.

Эффект заключается в том, что изображение в фотошопе располагается поверх всех меньших изображений. Изображение в фотошопе - это письмо с внутренним содержимым, прозрачным, а маленькие изображения создают заполнение.

Однако каждое из небольших изображений является ссылкой, но ни одна из ссылок не доступна. Как я могу исправить это?

Я бы выложил код здесь, но совершенно не представляю, как его отформатировать. Я просто не понимаю, как набирать обратный тик, а затем клавишу табуляции, а затем знак доллара. Все, что заканчивается, я набираю галочку, а затем знак доллара в разделе «Теги» ниже.

Answer 1

Из того, что я понимаю, z-индекс "первого div" должен быть

Answer 2

Возможно, вы могли бы добавить ": hover" к вашему css, чтобы скрыть ваше изображение в фотошопе, когда кто-то пытается щелкнуть по нему.

.photoshop {z-index:100}
.photoshop:hover {z-index:-1}

Answer 3

Хорошо .. из всего, что я прочитал, это просто невозможно.Итак, я сделал это:

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

Я сделал ссылки того же размера, что и изображения и отображение: inline-block, и все это работает.Теперь я могу использовать функции наведения jQuery для получения желаемых результатов.

Самое главное, проверка html / css не была нарушена.Единственным недостатком является то, что мои ссылки / изображения разделены, но все же управление потоком достаточно разборчиво для программ чтения с экрана.