Html 使用CSS在文本框中显示背景图像

Html 使用CSS在文本框中显示背景图像,html,css,Html,Css,在把它贴到这里之前,我已经对我的问题做了彻底的研究,但我还没有找到任何合适的答案 如何使用CSS在文本框中发布背景图像 我正在使用IE11 下面是我使用的代码 <a href="#"> <div id="imagecontainer"></div> <style> #imagecontainer { background-image: url("content\A.png") no-repeat; background-size:

在把它贴到这里之前,我已经对我的问题做了彻底的研究,但我还没有找到任何合适的答案

如何使用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;
}

#图像容器{
背景图片:url(“content\A.png”)不重复;
背景尺寸:封面;
背景尺寸:包含;
宽度:10%;
身高:10%;
边框:1px实心;
}
我已经尝试了很多方法来解决这个问题,但都做不到。在我的代码中,将显示框,但不会显示backgorund中的图像


请你们中的任何人告诉我它有什么问题。

如果您试图引用其他目录中的url,请使用以下方法:

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

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中没有看到任何文本框代码。正如您所提到的,我展示了一个简单的文本框示例和背景图像。希望这就是你想要的。

“desktop\icons\A.png”Lol如果有人真的证明他甚至还没有学到最基本的知识,甚至在询问之前撒谎说他已经做了“彻底的研究”,你能告诉我该怎么做吗。如果您的研究类型获得了“彻底”属性,那么我们仍将生活在洞穴中。请尝试找到您的图像位于上述路径中,并且您的html代码中没有使用文本框。。你想做什么。。请用预期的输出清楚地解释?请详细说明路径规范。我不能从桌面复制路径位置吗?我需要复制并粘贴到XAMPP文件夹中吗?