javascript - IE浏览器因背景图片出现 "mixed content"警告的具体规则是什么？

Question

这与 SSL and mixed content due to CSS background images 有关但这个问题没有公认的答案，我要问的问题更具体一些。

在某些情况下，当访问 HTTPS 网站时，如果元素被赋予带有背景图像的样式，IE 将抛出“混合内容”警告。我找到了 one forum reference也就是说，如果您将引用放在样式表中，则可以避免警告，例如

#someElement a {
    width:11px;
    height:11px;
    display:block;
    overflow:hidden;
    background:url(../images/sprites_list.png) no-repeat;
    cursor:hand;
    cursor:pointer;
    background-position:0px -72px;
}

但如果你尝试创建内联元素，就不是这样

$('#someElement').append("<a title='something' style='background: url(../images/sprites_list.png) no-repeat; ... // etc

确实，这对我有用。我看到其他人说您必须使用绝对 https URL 来引用图像，而不是相对的。

这里的真实故事是什么？是否有一些“官方”解释或至少引用了规则是什么？或者做不到这一点，是否有一套标准的指导方针，如果遵循这些指导方针，就极不可能触发警告？

Answer 1

使用完全限定的 URI 将避免 IE8 及以下版本错误地创建伪造的 URI，如 about:/relative/file.png 触发混合内容警告的问题。此问题已在 IE9 中修复。