背景画像が分割されています

Question

BetterCMSの連絡先フォームの背後にある背景画像を追加しようとしていますが、何らかの理由で背景画像が以下のようにフォームのテキスト要素にのみ適用されています。

私はabsoluteyなぜこれが起こっている何のアイデアは、私が999にZインデックスを設定していないしているが、それはまだ固体行きません！

これについてのご意見はありがとうございます。

HTML

<div class="pull-right"> 
<div class ="formcontainer"> 
<form> 

first name <br> 

<input type="text" name="firstname"><br> 
Last name <br> 

<input type="text" name="lastname"><br> 

Email <br> 

<input type="text" name="email"><br> 

Phone Number <br> 

<input type="text" name="PhoneNumber"><br> 

</form> 
</div> 
</div> 

あなたが透明にフォーム要素を設定することができ

.formcontainer 
{ 
    background-image:url("http://localhost:53514/uploads/image/7d595f93f6b343d1aeab5958bc844f91/bikes_1.png"); 
    z-index:9999; 
} 

Answer 1

CSS：

body { 
 
    background-color: red; 
 
} 
 

 
input { 
 
    background-color: transparent; 
 
}

<input type="text">

デフォルトでは、OSのデフォルトの背景色はです。