Размещение кнопки на всю ширину и высоту изображения в WordPress

Question

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

Моя цель - поместить кнопку поверх изображения, которое будет иметь полную ширину и полную высоту.Недавно я попытался создать строку, сделав свое изображение фоновым изображением строки и поместив над ним кнопку.Но в этом случае изображение либо растянутое, либо маленькое.Может ли кто-нибудь помочь мне с этим?

Answer 1

Не совсем понятно, о чем вы просите.Если вы хотите просто разместить кнопку над изображением, не скрывая кнопку, попробуйте следующее из W3Schools :

<div class="container">
    <img src="img_snow.jpg" alt="Snow">
    <button class="btn">Button</button>
</div>

Если это не то, что вы хотите, и вы хотитепреобразуйте изображение в кнопку, попробуйте следующее, что я нашел в другом вопросе StackOverflow :

HTML

<button>
<img src="http://www.w3.org/html/logo/downloads/HTML5_Logo_32.png" id="dagger" />
</button>

JavaScript

$(function(){
    $("#dagger").click(function(){
        alert("A popup!");
    }); 
});

ПРИМЕЧАНИЕ:Если это не сработало для вас, проверьте ссылку StackOverflow.Есть еще несколько идей.