在輸入文本字段中顯示背景圖像

我有一個簡單的帶有背景圖像的HTML頁面，現在我在這個HTML頁面上應用了一個聯繫表單。在輸入文本字段中顯示背景圖像

我想在文本輸入字段中顯示背景圖像，即我想使輸入文本字段透明。我使用CSS代碼background-color:transparent;，但它不起作用。我正在獲取輸入文本字段的白色背景。

2013-12-10 Bharat

PLZ把你的代碼上http://jsfiddle.net – Anon

該代碼*不*工作。你需要提供一個*完整的*減少的測試用例，以告訴我們什麼是錯的。 – Quentin

您可以嘗試添加帶有藍色背景的div，然後插入並嘗試透明輸入。作爲@Quentin提到，代碼工作完美。 – iCezz

試試這個

.contact 
{ 
    background: url(https://www.gravatar.com/avatar/ba03773d5fe4b970a7d7fb57a112e932?s=32&amp;d=identicon&amp;r=PG) no-repeat right center; 
    height:100px; 
    width:200px; 
    padding:10px; 
} 
.contact input[type="text"] 
{ 
    background:rgba(0,0,0,0); 
    border:1px solid #fff; 
    color:#fff; 
}

http://jsfiddle.net/2ZmFA/

來源

2013-12-10 09:58:00 radha

爲什麼這個投票 – radha

嘿感謝得到了答案哥們.... :) – Bharat

ü歡迎..kindly標記爲正確的答案bharat – radha

這是工作的小提琴：

input[type="text"] 
{ 
    background: transparent; 
}

和全無邊界，如果你想通過border: none;

這裏是Fiddle

所以你的問題必須在代碼中的另一個地方。添加更多的代碼，我會更新我的答案;）

來源

2013-12-10 09:43:07 Igle

爲什麼這個答案得到了投票？這是工作，不是嗎？ – zey

你可以設置背景顏色爲透明。

background-color: rbga(0,0,0,0);

或者在css3，您可以設置整個元素的不透明度：

opacity: 0;

來源

2013-12-10 09:52:19 qrikko

<input type="text" class="textInput"/>

CSS：

.textInput { 
background: transparent; 
background-image: url(Images/textBg.jpg) 
}

來源

2013-12-10 09:58:34 SpiderCode

downVoter，請你提一下原因嗎？ – SpiderCode

在輸入文本字段中顯示背景圖像

回答

相關問題