css - 有時當懸停在元素上它是transperent，即使它沒有定義

Question

我使用一個名爲「保存按鈕」的類去除某些頁面中的按鈕，其工作完美的其他時懸停在它上面按鈕消失！

這是SCSS頁面（我用的基礎框架工作）類：

.save-button,.comment-button 
 
{ 
 
background: url('../lib/foundation-sites/bower_components/foundation-sites/assets/images/comment_save.png'); 
 
} 
 

 
.exit-button, 
 
{ 
 
background: url('../lib/foundation-sites/bower_components/foundation-sites/assets/images/chose_file.gif'); 
 

 
} 
 
.login-button 
 
{ 
 
    background: url('../lib/foundation-sites/bower_components/foundation-sites/assets/images/login_.gif'); 
 
} 
 
.send-message 
 
{ 
 
background: url('../lib/foundation-sites/bower_components/foundation-sites/assets/images/send_mass.png'); 
 
} 
 
.save-button:hover, 
 
.exit-button:hover,.login-button:active,.login-button:focus,.login-button:hover,.comment-button:hover,.comment-button:focus,.comment-button:active, 
 
,.send-message:hover,.send-message:focus,.send-message:active 
 
{ 
 
    outline:transparent; 
 
\t background-color:transparent; 
 
} 
 

 
.exit-button,.save-button,.login-button,.comment-button,.send-message 
 
{ 
 
background-repeat: no-repeat; 
 
background-size:100% 100% ; 
 
text-align:center; 
 
color: white; 
 
width:100%; 
 
margin:0; 
 
} 
 
.comment-button 
 
{ 
 
margin:0 0 1rem; 
 
}

這是在HTML頁面implementaion： 這個OK：

<button type="button" class="button save-button" id="saveButton" onclick="OKSelectUserDialog()"><fmt:message key="confirm"/></button>

懸停時熄滅：

<button type="button" class="button save-button" onclick="filter();"></button>

有人能幫助我嗎？請......

Answer 1

試試這個

.button.save-button:hover { 
 
    \t opacity: 0; 
 
    }

<button type="button" class="button save-button" onclick="filter();"></button> 
 

 

Answer 2

我正在考慮，你是想說你不希望你的保存按鈕完全透明上徘徊的諒解備忘錄爲此，您可以設置不透明度值。

爲了使完全不透明

做這個

.save-button{ 
     opacity:1; 
} 
<button type="button" class="button save-button" onclick="filter();">     
</button 

對於完全透明

設置不透明度：0;

或使用0到1之間的任何其他級別使其部分透明。