將我的輸入框設置爲半透明

Question

我無法找到一種方法將我的輸入框呈現爲半透明。我在後臺有一張圖片。我的意思是隻有我的輸入框的背景必須是半透明的，而不是文本。

有什麼想法？

這裏是我的html代碼的例子

<h2>Connexion</h2> 
<div> 
    <label for="UserName">Username</label>    
    <input data-val="true" data-val-required="Le nom d&amp;#39;utilisateur est requis" id="UserName" name="UserName" type="text" value="" />        
</div> 
<div> 
    <label for="Password">Password</label> 
    <input data-val="true" data-val-required="Le mot de passe est requis" id="Password" name="Password" type="password" />    
</div> 

Answer 1

如果你的意思是還有就是你希望能夠通過你的輸入框中看到那麼你可以用戶rgba()設置background-color當背景圖片的一個input：

input { 
    background-color: rgba(255, 255, 255, 0.5); 
}