Javascript 试图使按钮出现在鼠标上方

我试图使它，使当我鼠标悬停在这个按钮的位置，它出现

这是我的密码

html:

javascript:

function appear(){document.getElementById("button").style.display = "block";}

---

隐藏元素没有鼠标事件，因此需要使用不透明度

.hide{
不透明度：0；
过渡：不透明度0.5s；
}
.隐藏：悬停{
不透明度：1；
过渡：不透明度0.5s；
}

---

LIGHT如果按钮被隐藏，则无法触发事件这是否回答了您的问题？TLDR：如果元素是隐藏的，则无法将事件绑定到该元素
div.appear {display: none;}

function appear(){document.getElementById("button").style.display = "block";}