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

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
 }