url是什么意思(“#foobar”);

时间:2014-05-01 20:31:36

标签: css

我正在使用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黑客还是什么?

1 个答案:

答案 0 :(得分:3)

这用于指代文档中的图像。

例如,来自Using SVG

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

CSS:

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