Html 搜索图标的图像在搜索框内不可见

我无法理解为什么下载后使用图像时搜索图标的图像不会出现在搜索框中，而直接使用链接时会出现。有什么建议吗？图像如下：

.右内插件{
填充顶部：8px；
左侧填充：30px；
}
.右内部加载项输入{
高度：30px；
填充：0px 10px；
背景图片：url（'images/search.png'）；
背景位置：370px-10px；
背景重复：无重复；
}
.表格管制{
最小宽度：400px；
最大宽度：400px；
最小高度：29px；
顶部：7px；
位置：固定；
}

将

背景位置

属性值更改为类似于

365px 5px

-（不确定要将其放置在何处-但现在它至少可见）

---

实际上，您不需要在positioining中指定px。看看这个

CSS:

---

嗯。您应该将其放在搜索图标的行中

background-image: url('../images/search.png');

请注意目录 如果您的照片在本地机器中，则可以执行此操作

---

别忘了这个ok（../在你的目录前）

如果你的图像在线，就像你所说的，这是你的新代码：

背景：url（“”）无重复右中心

但是，如果您的本地pc中有图像文件，您可以输入以下代码：

background-image: url('../images/search.png');

---

实际上我不想使用背景图片url中提供的链接。。而是在下载后使用相同的图像，并提供图像的相对位置。但当我这样做时，图像不会appear@user3452721那一定是这条路。您的目录中的映像在哪里？值得注意的是，部分URL是相对于样式表的源进行解释的，而不是相对于document@user3452721您可以尝试

url（'../images/search.png'）

。。或者

url（'/images/search.png'）

。问题出在您建议的背景位置，而不是相对位置。非常感谢您抽出时间

.right-inner-addon input {
    height: 30px;
    padding: 0px 10px;
    background: url('http://www.paulund.co.uk/playground/demo/pretty_search_forms/images/search.png') no-repeat right center;   
}

background-image: url('../images/search.png');

background-image: url('../images/search.png');