将按钮放在wordpress的全幅和全幅图像上

Question

我目前在将按钮放在Wordpress中的图像上时遇到麻烦。由于我的网站上安装了Visual Composer插件，因此我尝试了不同的解决方案，但所有解决方案均以失败告终。

我的目标是在图像的全宽和全高上放置一个按钮。我最近尝试创建一行，将我的图像作为该行的背景图像，然后在其上放置按钮。但是在那种情况下，图像要么被拉伸要么很小。有人可以帮我吗？

Answer 1

目前尚不清楚您要的是什么。如果您只想在图像上放置一个按钮而不隐藏按钮，请尝试从W3Schools中进行以下操作：

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

如果这不是您想要的，并且想将图像转换为按钮，请尝试在another StackOverflow question中找到以下内容：

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链接。还有其他一些想法。