css - manchmal, wenn es auf Elementen schwebt, ist es transperent, auch wenn es nicht definiert ist

Question

Ich benutze eine Klasse namens "save-button", um Tasten auf einer Seite zu dekomprimieren.

ist dies die Klasse in SCSS Seite (ich benutze Fundamentrahmen Arbeit):

.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; 
 
}

Dies ist implementaion in HTML-Seite: dies OK:

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

dies verschwindet bei Hover:

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

kann mir jemand helfen? bitte ......

Answer 1

Versuchen Sie, diese

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

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

 

Answer 2

Ich erwäge, dass Sie, dass Sie Ihre Taste vollständig transparent speichern nicht zu sagen versuchen wollen die mous auf schweben Dazu können Sie den Deckkraftwert einstellen.

Für

dieses Do

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

Für vollständig transparent

Set Opazität nicht transparent zu machen bei allen: 0;

Oder verwenden Sie eine andere Ebene zwischen 0 und 1, um sie teilweise transparent zu machen.