将按钮定位在背景图像之上

Question

我正在寻找类似这样的效果：https://www.livestrong.org/donation/

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

Answer 1

你是在正确的轨道上。你可以使用$('#secondDiv').insertBefore('#firstDiv');，假设你知道 JS。我确信有一个通过 CSS 的方法，但它可能不是最好的选择。如果您尝试创建实际按钮，则可以通过 CSS 使用 :active 和 :hover。所以当用户将鼠标悬停在它上面时，它会变成浅灰色，然后当他们点击它时，它会变成黄色。这是一个例子

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