HTML CSS不可见按钮

小编典典

css

您好，我正在尝试制作一个不可见的按钮（仍可操作且可单击），因为我的按钮样式嵌入在背景中，我不想切成薄片，而是从一开始就做所有。

因此，我只想制作一个按钮，将其放在应该放置按钮的背景部分上，使其不可见，以便可以看到并单击背景按钮图像。

有什么建议么？非常感谢你！

阅读 1750

2020-05-16

共1个答案

小编典典

您必须对button元素使用以下属性以使其透明。

没有文字的透明按钮

button {

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

带有可见文本的透明按钮

button {

    background: transparent;
    border: none !important;
}

并使用绝对值position定位元素。

例如

您在div下有button元素。position在div上使用：relative和position在按钮上使用：absolute可以将其定位在div中。

2020-05-16