将我的输入框设置为半透明

我找不到一种方法使我的输入框呈现半透明。我的背景中有一张图片。我的意思是只有输入框的背景必须是半透明的，而不是文本。

任何想法？

这是我的 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> 

如果您的意思是您希望能够通过输入框看到背景图像，那么您可以只使用rgba()当设置background-color of an input:

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