Asp.net 图像在VS设计模式下显示，但不在浏览器中显示

好的，我有一个简单的HTML输入片段：

<input id="txtFirstName" type="text" class="txtBox" runat="server" />

该图像显示在Visual Studio设计窗口中，但在浏览器中查看时不会显示。给出了什么？

尝试更新url

background: url("./Images/lu/input_bg.png") repeat-x scroll left bottom transparent;

---

检查服务器上的路径名。您可以访问yoursite.com/Images/lu/input\u bg.png上的图像吗？它真的是图像而不是图像吗？

通常，当您在本地开发时，Visual Studio会将站点托管在-这是在使用内置web服务器进行web应用程序和网站项目时的默认设置

当您部署到远程站点时，它可能位于非根站点的虚拟目录中；因此，实际上，您的远程应用程序URL类似于更改图像路径的URL。解决方案是在路径（/your_site/images/image.jpg）中包含虚拟目录名，或者使用相对路径

我更喜欢前者，因为它使所有路径保持一致，并且可以在VisualStudio中进行本地模拟

对于Web应用程序项目，请参见解决方案属性（右键单击解决方案资源管理器中的解决方案节点并选择属性）-Web（左侧的选项卡）-并查找虚拟路径文本框，并根据需要进行更改（例如，从“/”改为“/您的站点”）

---

对于网站项目，请单击解决方案资源管理器中的“解决方案”节点，然后查看“属性”对话框。最后一个选项是虚拟路径。

我也遇到了同样的问题。我的图像没有显示在浏览器上，然后我解决了它。 我在图像路径的开头添加了两个点，如下所示

<img src="../Images/icon48x48.png" alt="myLogo" width="48" height="48" />

---

您还可以清除浏览器的缓存。我遇到了一个问题，我正在使用css文件设置一个DIV的背景，而该图像只会显示在firefox或IE中。在我清除chrome的缓存并重新启动网站后，图像出现了

如果我的图像位于：mysite/App_Themes/Image

---

我的CSS文件在App_主题引用中，如下所示：Image/myfile.CSS

您确定部署的站点位于web服务器的根目录下吗？可能是您在本地将其部署到根目录，例如，但在远程站点上可能是。这是一个潜在的原因，因为那时你需要使用一个相对的url，或者/your_site/images/lu/input_bg.png。@dash我通过使用你的建议解决了这个问题。你应该把你的意见写进答案里，这样我就可以接受了。很高兴能帮上忙。有关如何使用VisualStudio中内置的web服务器本地镜像远程设置的建议，请参见我的答案。也没有什么可以阻止您在本地托管IIS（如果允许您在本地计算机上运行IIS！）更新了我的答案，看看这是否有什么不同。

<img src="../Images/icon48x48.png" alt="myLogo" width="48" height="48" />