2

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

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

4

5 回答 5

2

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

body{
   color: white;
}

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

但是，还有许多其他方法可以实现这一点，具体取决于您需要这样做的原因。

或以下内容：

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

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

于 2012-08-27T04:35:15.420 回答
2

那为什么不跟<input type="image">呢？

于 2012-08-27T04:48:49.073 回答
1

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>
于 2012-08-27T04:51:20.577 回答
0

过滤器：阿尔法（不透明度= 0）；不透明度：0；

还有一些针对更旧浏览器的样式选项@ http://css-tricks.com/css-transparency-settings-for-all-broswers/

于 2012-08-27T04:46:12.373 回答
0 
`.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;
 }`
于 2014-04-08T04:21:18.763 回答