javascript - 在 Windows 8 Metro Apps 中使用 CSS 背景：url()

Question

我正在用 Javascript 创建一些 DOM 元素并向它们添加一些类，然后我使用我的 CSS 中的类来添加背景图像：

background: url('/images/reply.png');

但是，当我执行此操作并运行应用程序时，图像会显示，但细边框和中间的小黑点也会显示。当您在 CSS 背景中使用错误的 URL 时，也会显示此框和点： url() 部分。但是一旦 URL 正确，它仍然会与图像一起显示。

有人知道为什么在 Win 8 中会发生这种情况吗？

Answer 1

您可以使用“ms-appx://”前缀：

.myClass {
   background: url("ms-appx:///images/myImage.png");
}