Question

如何让按钮不可见，以便用户看不到按钮但可以按下按钮。

我一直在尝试这样做，但我发现的所有结果都会导致隐藏按钮。

Answer 1

您是否尝试将背景颜色，边框和颜色更改为与页面的背景颜色相同？

body{
   color: white;
}

.button {
  color: white;
  background-color: transparent;
  border: 0px none transparent;
}

除此之外，还有许多其他方法可以实现这一目标。

或以下：

.transparent {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
}

如CSS技巧链接所述，仅供参考。

Answer 2

为什么不跟<input type="image">一起去？

Answer 3

CSS opacity: 0允许无可见性但功能齐全：

<html>
<head>
<style type="text/css">
#button { opacity: 0;}
</style>

<script type="text/javascript">
function go()
{
    alert('clicked');
}

</script>
</head>
<body>

<button id="button" onclick="go()">hello</button></div>

</body>
</html>

Answer 4

filter：alpha（opacity = 0）; 不透明度：0;

还有一些样式选项可以定位甚至更旧的浏览器@ http://css-tricks.com/css-transparency-settings-for-all-broswers/

Answer 5

`.button1 {
 margin: 10px 0px 0px 4px;
 position: absolute; 
 filter: alpha(opacity=65);
 -mos-opacity: 0.65;
 opacity: 0.65; 
 cursor: pointer;
 height: 85px;
 width: 85px;
 }`

使按钮不可见（不隐藏）

5 个答案: