製作一個隱藏按鈕（不隱藏）

如何使按鈕隱形，以便用戶無法看到按鈕但可以按下按鈕。製作一個隱藏按鈕（不隱藏）

我一直在試圖做到這一點，但我發現的所有結果導致隱藏的按鈕。

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

製作一個隱藏按鈕（不隱藏）

回答

相關問題