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

Posted 2023-03-06

【中文标题】在wordpress中将按钮放置在全宽和全高图像上

【英文标题】：Placing button over full width & height image in wordpress

【发布时间】：2019-07-20 13:20:16

【问题描述】：

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

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

【参考方案1】：

您的要求并不是 100% 清楚。如果您只想在图像上放置一个按钮，而不隐藏按钮，请尝试 W3Schools 中的以下操作：

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

如果这不是您想要的，并且您想将图像转换为按钮，请尝试我在 another *** 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!");
    ); 
);

注意：如果这对您不起作用，请查看 *** 链接。还有一些其他的想法。