Javascript 背景图像顶部的定位按钮

我希望创造一种类似的效果：

---

我只是想知道有什么方法可以在背景上放置图像/按钮。我会用背景做一个class/div，然后把按钮放在这个div中吗？我不确定它是否那么简单，但我想在深入研究这一点之前确保我的思路正确。

你的思路正确。你可以使用

$（'secondDiv'）。insertBefore（'firstDiv'），假设您了解JS。我相信有一种方法可以通过CSS，但它可能不是最佳选择。如果您试图创建实际按钮，您可以通过CSS使用
：active
和
：hover
。因此，当用户将鼠标悬停在它上面时，它会变成浅灰色，然后当他们单击它时，它会变成黄色。这里有一个例子

#firstbutton:active{
 background:#009dff
}
#firstbutton:hover{
background:#0148A0
 }

是的，你说得对。拥有div的背景不会改变任何事情。我不知道任何JS，所以这不是一个真正的选项…现在！我可能会做：悬停，但它不需要改变颜色，因为按钮是指向PayPal捐赠页面的链接。所以这应该不会有太大的困难。学习JS很重要，如果你想让网站做一些常规CSS和HTML做不到的事情，最好的办法就是在你能做的时候学习。secondDiv和firstDiv到底会做什么？这很简单
secondDiv
将在
firstDiv
之前插入，这意味着
secondDiv
将是底部的一个字符。当然你会相应地更换它们。