
Нехитрый трюк, позволяющий скрыть, а точнее наложить текст, который выводится под каптчей в dle на саму картинку с символами и сделать ее кликабельной. При этом текст виден не будет, но будет продолжать полностью выполнять свою функцию.
Собственно, пример на скриншоте выше или внизу страницы в блоке комментариев. Курсор в виде указателя указывает на то, что картинка является ссылкой
/* ----- HIDE CAPTCHA LINK ----- */
#dle-captcha{
height: 80px;
overflow: hidden;
position: relative; /* задаем начало координат для блока absolute*/
float: left;
}
#dle-captcha span{
position: relative;
}
#dle-captcha a{
position: absolute;
opacity: 0; /* 100% прозрачности и текст уже не виден*/
top: 0;
height: 80px;
background: #f00;
}
Вот и все. Абсолютным позиционированием надвигаем ссылку на картинку и скрываем текст ссылки при помощи прозрачности.
Комментарии