定位按钮在背景图像顶部

Question

我希望创建一个与此类似的效果：https://www.livestrong.org/donation/

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

Answer 1

你在正确的轨道上。你可以使用$('#secondDiv').insertBefore('#firstDiv');，假设你了解JS。我确信这是通过CSS的方式，但它可能不会成为最好的选择。如果您尝试创建该按钮，则可以通过CSS使用:active和:hover作为实际按钮。因此，当用户在其上盘旋时，它会变成浅灰色，然后当他们点击它时，它会变成黄色。这是一个例子

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