Фоновое изображение в текстовом поле с использованием CSS

Question

Прежде чем отправлять его здесь, я провел тщательную исследовательскую работу по моему вопросу, но я не нашел подходящего ответа на него.

Как разместить фоновое изображение в текстовом поле с помощью CSS?

Am использование 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 в моем коде.

Может кто-нибудь из вас посоветует мне, что не так в нем, пожалуйста.

Answer 1

если вы пытаетесь ссылаться на URL в другом каталоге используйте следующее:

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

Answer 2

Попробуйте так: 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. Как вы упомянули, я показал простой пример для текстового поля с фоновым изображением. Надеюсь, это то, что вы хотите.