html - 在wordpress中将按钮放置在全宽和高度图像上

Question

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

我的目标是在全宽全高的图像上放置一个按钮。我最近尝试创建一行，将我的图像作为该行的背景图像并在其上放置按钮。但在那种情况下，图像要么被拉伸(stretch)要么变小。有人可以帮我解决这个问题吗？

Answer 1

您的要求并非 100% 清楚。如果你只想在图像上放置一个按钮，而不隐藏按钮，请尝试以下来自 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 链接。还有一些其他想法。