来自网络路径的 CSS 背景图像答案

【问题标题】：CSS background image from network path来自网络路径的 CSS 背景图像
【发布时间】：2013-06-13 07:26:10
【问题描述】：

我正在开发 SharePoint 中的自定义解决方案。我需要显示来自共享网络路径的图像，因为这些图像还与多个 MS 应用程序共享，即 Dynamics AX

我将我的 div 的背景图片设置为：background-image:url(file://{server-name}/{shared-location}/filename.ext 它适用于 IE。但不是在 Chrome 中！如何让它在其他浏览器中也能正常工作？

file://{server-name}/{shared-location}/filename.ext 在放到 chrome url 栏时呈现图像。但是当设置为 div 的背景图像时，同一行不起作用

我可以为它创建一个虚拟路径，但我担心我可能无法在生产中做到这一点。请建议！谢谢

【问题讨论】：

Style local background image的可能重复
遗憾的是这不起作用。我应该创建一些虚拟目录来指向这个位置吗？可能吗？创建指向不同机器上文件的虚拟路径？它会起作用吗？
如果引用图像的css或html文件与图像在同一台计算机上，我相信它应该可以工作。如果文件是从远程服务器请求的，那么由于安全限制，我认为这是不可能的。
你尝试过更多的斜线吗？对我来说，它在写file://///server-name/... 时有效，是的，那是五个斜线。在 IE 9、FF 21 和 Chromium 28 中。还没有在 Opera 中运行。
也不起作用.. 我有 chrome 27.0.1453.110

【解决方案1】：

尝试：

background: url("file://{server-name}/{shared-location}/filename.ext");

确保 {server-name} 和 {shared-location} 没有空格，如果它们包含斜杠，则使用正斜杠。

【讨论】：

如果你尝试使用 3 个斜线？ “文件：///”
之前试过也没用。但是，如果 chrome 在简单放入 file://{server-name}/{shared-location}/filename.ext 时呈现图像，为什么它不将其设置为 bg 图像。我担心GRC是不是因为安全原因可能是对的？你认为有其他解决方案吗！
在某些项目中，我们不得不使用来自网络的资源，管理员创建了一个指向该特定文件夹的符号链接，并允许从接收请求的 Apache 服务器访问它。在这种情况下，您的应用和资源位于同一台机器上，如果管理员允许从您的应用访问文件夹，那么您将能够在 CSS 中使用它们。