被分割的背景圖像

-1

我想添加一個背景圖片來在BetterCMS中的聯繫人表單後面，但由於某種原因，背景圖像僅適用於我的表單的文本元素，如下所示;被分割的背景圖像

我已經absolutey不知道爲什麼發生這種情況，我已經設置了Z-指數爲999，但它還是不走紮實！

任何想法，將不勝感激！

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>

CSS

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

來源

2017-09-11 Captain_Custard

沒有看代碼，我會認爲它被應用到輸入部分 – Keith

你的表單元素正在阻止它。 –

如果我想要在背景中的圖片，我將如何解決這個問題？ –

可以設置表單元素透明：

body { 
 
    background-color: red; 
 
} 
 

 
input { 
 
    background-color: transparent; 
 
}

<input type="text">

默認情況下，它們具有默認背景顏色，可能是來自OS。

來源

2017-09-11 15:27:15

被分割的背景圖像

回答

相關問題