制作一个隐藏按钮（不隐藏）

如何使按钮隐形，以便用户无法看到按钮但可以按下按钮。制作一个隐藏按钮（不隐藏）

我一直在试图做到这一点，但我发现的所有结果导致隐藏的按钮。

2012-08-27 zoro

为什么你需要这样的按钮？ – xdazz

我需要那个按钮，因为我有一个图像，在那个图像上有一个放置按钮的地方。所以我想在那个地方放置一个隐形眼镜。 – zoro

即使在图像上，您也可以只使用一个OnClick，并提交表单 – ShaunOReilly

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

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-27 04:35:15 ShaunOReilly

甚至透明？ –

甚至透明，如同旁观者指出的！ – ShaunOReilly

亲爱的ShaunOreilly：正如我上面评论的，没有必要使用背景颜色:)。关于透明度，请给我一些建议吗？ – zoro

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

有一些更多的时尚选择的目标更老的浏览器@http://css-tricks.com/css-transparency-settings-for-all-broswers/

来源

2012-08-27 04:46:12

虽然此链接可能回答此问题，但最好在此处包含答案的重要部分并提供供参考的链接。如果链接页面更改，则仅链接答案可能会失效。 – biegleux

好点，tnx。为未来着想。 –

为什么不<input type="image">然后去？

来源

2012-08-27 04:48:49 moonwave99

这是一个不错的选择！ – ShaunOReilly

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-27 04:51:20 khaverim

祝你好运与IE7 – ShaunOReilly

我告诉那对IE7用户不是网络开发者:) – khaverim

`.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-08 04:21:18 Akkss

制作一个隐藏按钮（不隐藏）

回答

相关问题