HTML CSS不可见按钮

您好，我正在尝试制作一个不可见的按钮（仍然是功能性的和可点击的），因为我的按钮样式嵌入在背景中，我不想分割它们，从一开始就做

所以我只想做一个按钮，把它放在背景的按钮应该在的地方，使它不可见，这样背景按钮图像可以被看到和点击

---

有什么建议吗？多谢各位

您可以使用CSS隐藏按钮

button {
  visibility: hidden;
}

---

如果你的

只是图像上的一个可点击区域，为什么还要麻烦把它变成一个按钮呢？您可以改为使用元素

使用CSS

背景：透明到您的按钮/div


给出背景中图像的高度和宽度。这将删除按钮的边框和颜色。您可能还需要将其绝对定位，以便将其正确放置在需要的位置。如果不发布代码，我将无法进一步帮助您

要让它真正隐形，你必须设置轮廓：无否则在某些浏览器中会出现蓝色轮廓，如果需要单击它并为其设置尺寸，则必须设置display:block
HTML

<input type="button">

必须对
按钮
元素使用以下属性，以使其透明

没有文本的透明按钮
带有可见文本的透明按钮
并使用绝对
位置
来定位元素

例如
按钮元素位于div下。使用按钮上的
位置
：div上的相对位置和
位置
：绝对位置将其定位在div内

这是一张工作票

这是一个仅显示按钮文本的更新版本。
CSS->background:transparent？您可以使用图像映射和javascript事件处理程序，但我不得不问，为什么您不想使用更具语义的标记来执行此操作？您可以提供一些您尝试过的代码吗？您想只使用背景来设置按钮的样式吗？真的吗？真的，这不是最好的计划。谢谢，有没有办法隐藏所有东西（虽然它可以点击），但仍然只显示按钮文本？为了使按钮完全不可见，我将“光标”设置为默认值，因此，即使将光标悬停在按钮的位置上，光标也永远不会变为手。这正是我需要的方向-谢谢！谢谢，是否可以隐藏所有内容（可点击时）但仍仅显示按钮文本？谢谢，是否可以隐藏所有内容（可点击时）但仍仅显示按钮文本？如果要查看按钮文本，只需删除
字体：0来自上述代码。请参阅更新的答案。
button {
  visibility: hidden;
}

input[type=button]{
 background:transparent;
 border:0;
}

button {

    background: transparent;
    border: none !important;
    font-size:0;
}

button {

    background: transparent;
    border: none !important;
}​