使用CSS的文本框中的背景圖片

-1

在發佈之前，我已經對我的問題進行了深入的研究工作，但是我沒有找到任何合適的答案。使用CSS的文本框中的背景圖片

如何在使用CSS的文本框中發佈背景圖片？

正在使用IE11。

下面是我使用

<a href="#"> 
<div id="imagecontainer"></div> 
<style> 

#imagecontainer { 
    background-image: url("content\A.png") no-repeat; 
    background-size: cover; 
    background-size: contain; 
    width: 10%; 
    height: 10%; 
    border: 1px solid; 
}

我已經嘗試了許多可能性梳理出來，但我無法代碼。該框將顯示，但不是我代碼中backgorund中的圖像。

你們中的任何人都可以向我推薦最新的錯誤嗎？

來源

2015-08-17 WhoAmI

「desktop \ icons \ A.png」LoL – connexo

你可以讓我知道它應該是什麼 – WhoAmI

如果有人真的證明他甚至沒有學到絕對的基本知識，甚至謊言做了「徹底的研究「之前問。如果您的研究類型獲得了「徹底」的屬性，我們仍然會生活在洞穴中。 – connexo

，如果你想引用一個URL在不同的目錄使用以下命令：

#imagecontainer { 
background-image: url('Images/example.jpg') no-repeat; 
background-size: cover; 
background-size: contain; 
width: 10%; 
height: 10%; 
border: 1px solid; 
}

來源

2015-08-17 09:15:10

請您請詳細說明路徑規格。我無法從桌面複製路徑位置？我需要將它複製並粘貼到XAMPP文件夾中嗎？ – WhoAmI

只需一分鐘先生。 –

嘗試這樣的：Demo

input { 
    padding: 9px; 
    outline: 0; 
    font: normal 13px/100% Verdana, Tahoma, sans-serif; 
    width: 10%; 
    height: 10%; 
    border: 1px solid; 
    background: #FFFFFF url('http://nettuts.s3.amazonaws.com/584_form/bg_form.png') left top repeat-x; /* make sure about the image path you mentioned is right */ 
}

而且我沒有看到任何文本框代碼在你的HTML。正如你所提到的，我展示了帶有背景圖像的文本框的簡單示例。希望這是你想要的。

來源

2015-08-17 09:29:35

感謝代碼....我現在有了一個想法 – WhoAmI

使用CSS的文本框中的背景圖片

回答

相關問題