样式化本地背景图片

【问题标题】：Style local background image样式化本地背景图片
【发布时间】：2011-06-24 06:11:33
【问题描述】：

如何为样式background-image URL 包含存储在我的应用程序外部的本地图像？实际上，我只能在我的 CSS 中使用 Internet Explorer 显示它：

.class {
    background-image: url(file:///C:/tempfolder/image001.bmp);
}

但我需要它才能在任何其他浏览器上工作。

【问题讨论】：

标签： css

【解决方案1】：

使用相对路径，例如：

.class {
    background-image: url(../tempfolder/image001.bmp);
}

【讨论】：

【解决方案2】：

据我所知，大多数浏览器都会限制这样的混合域请求。在这种情况下，您在请求本地内容时连接到远程服务器。即使在您的情况下这是完全合理的，但这可能会被恶意使用。我相信简单的答案是：出于安全考虑，您不能这样做。

【讨论】：

它可以在 IE 中运行，因为 IE 是一个安全性极差的浏览器。而在本地“使其工作”的唯一方法是在本地计算机上运行 Web 服务器，然后连接到 127.0.0.1 并请求图像。即使那样......我认为这是一个灰色区域，一些浏览器认为这是一个不同的“区域”，如果配置不正确，可能会阻止它。