css - url ("#foobar"是什么意思)；

Question

我正在研究一个 css 连接器，作为其中的一部分，我必须将 URL 重写为绝对 URL。

作为其中的一部分，我不会重写任何绝对 URL(以 http、https 等开头)。在 Django 元素中，他们使用这些作为要忽略的 URL 格式:

body {
    background: url("#foobar");
    background: url("http:foobar");
    background: url("https:foobar");
    background: url("data:foobar");
    background: url("//foobar");
}

https://github.com/django/django/blob/master/tests/staticfiles_tests/project/documents/cached/css/ignored.css

除了 background: url("#foobar"); 格式外，我都看过了。

我也在他们的测试用例中看到它来定义行为:

div {
    behavior: url("#default#VML");
}

https://github.com/django/django/blob/86f4459f9e3c035ec96578617605e93234bf2700/tests/staticfiles_tests/project/documents/cached/css/fragments.css

“url('#foobar')”指的是什么？它是有效的 css 还是 MSIE hack 之类的？

Answer 1

这用于引用 svg文档中的图像。

例如，来自Using SVG :

<svg ...>
  <filter id="pictureFilter" >
    <feGaussianBlur stdDeviation="5" />
  </filter> 
</svg>

CSS:

.ground:hover {
  filter: url(#pictureFilter);
}