Javascript 悬停按钮的问题

我正在尝试创建一个悬停在我的网页内容上的按钮。 如何创建此函数

这是我正在使用的按钮

。按钮{
背景色：红色；
边界：无；
颜色：白色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
}

---

Back

您可以创建覆盖整个页面的全宽覆盖，并使按钮中心在其中对齐

.btn支架{
背景：rgba（255,255,255,0.5）；
位置：固定；
z指数：10；
底部：0；
右：0；
左：0；
排名：0；
}
.按钮{
转换：翻译（-50%，-50%）；
背景色：红色；
边界：无；
颜色：白色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
字体大小：16px；
位置：绝对位置；
光标：指针；
左：50%；
最高：50%；
}

Lorem ipsum dolor site amet Lorem ipsum dolor site amet Lorem ipsum dolor site amet Lorem ipsum dolor site amet Lorem ipsum dolor site amet Lorem ipsum dolor site amet Lorem ipsum dolor site amet

同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点

同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点

同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点

返回

您可以创建覆盖整个页面的全宽覆盖，并使按钮中心在其中对齐

.btn支架{
背景：rgba（255,255,255,0.5）；
位置：固定；
z指数：10；
底部：0；
右：0；
左：0；
排名：0；
}
.按钮{
转换：翻译（-50%，-50%）；
背景色：红色；
边界：无；
颜色：白色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
字体大小：16px；
位置：绝对位置；
光标：指针；
左：50%；
最高：50%；
}

Lorem ipsum dolor site amet Lorem ipsum dolor site amet Lorem ipsum dolor site amet Lorem ipsum dolor site amet Lorem ipsum dolor site amet Lorem ipsum dolor site amet Lorem ipsum dolor site amet

同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点

同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点

同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点同一地点

返回

您可以使用悬停在内容上方的按钮

.button:hover {
    background-color: green;
}

并将鼠标悬停在内容上

.btn-holder:hover .button {
    background-color: green;
}

---

您可以使用悬停在内容上的按钮

.button:hover {
    background-color: green;
}

并将鼠标悬停在内容上

.btn-holder:hover .button {
    background-color: green;
}

---

所以按钮会浮动在页面内容上方。请注意，在不久的将来。我不知道你所做的是否符合要求，但这可能值得你花时间阅读。因此按钮会浮动在页面内容上方。请注意，在不久的将来。我不知道你所做的是否符合要求，但这可能值得你花时间阅读。谢谢你，这是我需要的。@troxie欢迎来到StackOverflow！如果这回答了您的问题，请不要忘记将其标记为正确！谢谢，这就是我需要的。@troxie欢迎来到StackOverflow！如果这回答了您的问题，请不要忘记将其标记为正确！