爲什麼圖像不能通過CSS在MVC 4中顯示在文本框的角落？

我創建了一個ASP.NET MVC 4項目。我想要顯示一個圖像到文本框中，如this tutorial，但圖像不顯示在文本框中。爲什麼圖像不能通過CSS在MVC 4中顯示在文本框的角落？

CSS：

.searchText { 
    background:#FFFFFF url(Images/search.png) no-repeat 4px 4px; 
    padding:4px 4px 4px 22px; 
    border:1px solid #CCCCCC; 
    width:230px; 
    height:18px; 
}

查看：

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

來源

2014-01-07 Samiey Mehdi

檢查你的URL路徑是否正確？這裏http://jsfiddle.net/53YmR/它似乎對我來說工作得很好.. – Karuppiah

這似乎也適用於我。 –

我建議你用瀏覽器的開發工具檢查CSS類（我個人偏好是FireBug），並查看圖像是否實際上正在加載到瀏覽器中。您還可以在瀏覽器中直接操作CSS，以查看哪些是有效的，哪些不能。 – series0ne

把圖像之前/斜線。

替換此：

url(Images/search.png)

有：

url('/Images/search.png')

來源

2014-01-07 11:41:29 Anup

然後檢查你的圖像尺寸，圖像尺寸可能會更大。 – Anup

ok試試這樣做： - 'background：#FFFFFF url（'http://www.cssportal.com/form-elements/images/search.png'）no-repeat 4px 4px;'' – Anup

爲什麼圖像不能通過CSS在MVC 4中顯示在文本框的角落？

回答

相關問題