Как наложить блок с фоном на ссылку, чтобы был hover доступ к этой ссылке?

Question

[Алексей Скляров]

Есть слайдер с картинками, на эти картинки прикручены ссылки, и на эти же картинки нужно повесить блок с фоном (рамка), т.е фон представляет собой прозрачную картинку с рамкой на ней. Если через position:absolute повесить блок-рамку на картинку, то не происходить ховера по ссылке, т.е нажать на нее нельзя.

Можно как-то повесить блок-фон, без использования :before, :after?

Comments

[Максим Тимофеев]

код в студию.

Answer 1

[Сергей delphinpro]

абсолютно спозиционированный псевдоэлемент у ссылки проще всего. Не стоит заморачиваться.

Comments

[Алексей Скляров]

Разницы от этого никакой не будет, этот псевдоэлемент все равно под блоком,

.ramka {position: absolute;    height: 249px;top:-5px;left:-15px;width: 674px;}
.ramka:before {background-image: url(/img/ramka3.png);width: 100%;height: 100%;position: absolute;content:'';}

Рамка накладывается таким способом

<div class="slide-wrapper"><div id="slides'.$id.'" class="slider-block '.$color.'">'.do_shortcode($content).'</div><a class="ramka"></a></div>

Т.е насколько я понимаю, кроме как перекрыть z-index никак не получится, причем проблема все равно останется

[Алексей Скляров]

Хотя я вот только понял, что вы имели ввиду