Помогите вытащить элемент из под блока

[bob_24]

Привет!

У меня такая проблема - ни как не могу вытащить на верх ссылку из под выше лежащего блока.

http://jsfiddle.net/8huMu/

Как видно есть два дива, в первом есть какой-то элемент, например ссылка. Второй блок немного поднят вверх и перекрывает первый.

Мне нужно что бы второй перекрывал первый как сейчас, но что бы ссылка (черный блок) была поверх всех блоков.

Спасибо

[Catherine]

Не совсем поняла, что Вам надо, так что выбирайте:

вариант1 - блок перекрывается, но при этом для клика доступна вся область ссылки

вариант2 - ссылка поверх блока

UPD. Упс, кажется нужен второй вариант.

Edited June 26, 2012 by Catherine

[bob_24]

Спасибо, конечно. Но я z-index у первого блока не шутки же ради написал, а вы так вязли его и убрали...

[Catherine]

Если z-index блока .first будет меньше, чем у .second, то и содержимое блока .first будет перекрываться. Возможно, есть смысл вынести ссылку из блока .first?

[bob_24]

Если z-index блока .first будет меньше, чем у .second, то и содержимое блока .first будет перекрываться

Это точно?

[Catherine]

А у кого-то есть сомнения? Не вдаваясь в спецификацию, на css-tricks.com статья про z-index, где есть следующие строки, дословно:

Also note that nesting plays a big role. If an element B sits on top of element A, a child element of element A can never be higher than element B.

Для понимания сути вопроса картинка в статье прилагается. Edited June 26, 2012 by Catherine

[bob_24]

Catherine, спасибо) Всего хорошего!

[Catherine]

Пожалуйста! Удачи )