css - ときどき要素にカーソルを置くと、それが定義されていなくても定義されます

Question

私は、あるページのボタンを他のボタンに移動させるために "save-button"というクラスを使用します。

これは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の任意のレベルを使用して部分的に透明にします。