Поддержка → Проблемы и решения → Кликабельный задний фон

Кликабельный задний фон

  • Mike_tm

    (@mike_tm)


    11 лет, 2 месяца назад

    Здравствуйте, вот задался вопросом как можно сделать кликабельный задний фон, а именно картинку, на заднем фоне стоит картинка которая закреплена, в каком файле можно будет сделать эту картинку кликабельной (желательно если можно, определенный участок). Заранее спасибо за помощь!

    p.s. Пока в голову пришло только обвести (только где именно это надо делать — не знаю):

    <a href=...>картинка заднего фона</a>

Просмотр 7 ответов — с 1 по 7 (всего 7)
  • Dimas_Odessa

    (@dimas_odessa)

    11 лет, 2 месяца назад

    Просто создаёшь div нужного размера, задаешь ему z-index меньше всего остального, делаешь его не видимым и ссылкой. И позицию нужную задаешь через position:absolute; left:…; top:…;

    Можно вот так попробовать.

    Автор Mike_tm

    (@mike_tm)

    11 лет, 2 месяца назад

    Спасибо вам за подсказку, я попробую (в этом я полный 0):

    #test {
z-index:1;
/*невидимый*/
position:...;
/*Размеры*/
}

Даже если я это смогу каким-то образом сделать, куда это все ставить? В какой файл? на какой строке?
    Dimas_Odessa

    (@dimas_odessa)

    11 лет, 2 месяца назад

    Между <body> и </body> вставляешь следующий код:

    <a href="http://school-wp.net" id="test"></a>

    Т.е. просто создаёшь обычную ссылку.

    Потом между <head></head>
    пишешь

    <style>
#test{
display:block;
opacity:0; // Прозрачность
width:200px; // Ширина
height:200px; // Высота
position:absolute; // Позиция абсолютная
left:100px; // Отступ от левого края
top:150px; // Отступ от верха
}
</style>

    Вот как-то так.

    Автор Mike_tm

    (@mike_tm)

    11 лет, 2 месяца назад

    Dimas_Odessa — Спасибо за код, вставил, но никакого результата 🙁

    Автор Mike_tm

    (@mike_tm)

    11 лет, 2 месяца назад

    Все еще актуально.

    Atrax

    (@atrax)

    Ethical engineer

    11 лет, 1 месяц назад

    <div id="test" onClick="document.location.href='http://www.ya.ru/';">
</div>
    Автор Mike_tm

    (@mike_tm)

    11 лет, 1 месяц назад

    Atrax — Спасибо, но не получается, может быть я что то не так делаю?:

    <div id="test" onClick="document.location.href='http://www.ya.ru/';">
<body <?php body_class(); ?>></div>
Просмотр 7 ответов — с 1 по 7 (всего 7)
  • Тема «Кликабельный задний фон» закрыта для новых ответов.

Просмотр