由于背景图像,在IE中避免"混合内容"警告的规则究竟是什么？

Question

这与CSS背景图片引起的SSL和混合内容有关,但这个问题没有被接受的答案,而我要问的是一个更具体的问题.

在某些情况下,当访问HTTPS网站时,如果元素被赋予带有背景图像的样式,IE将抛出"混合内容"警告.我找到了一个论坛参考,例如,如果你将参考文献放在样式表中,就可以避免警告

#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

事实上,这对我有用.我见过其他人说你必须使用绝对httpsURL来引用图像,而不是相对的图像.

这里的真实故事是什么？是否有一些"官方"解释或至少提到规则是什么？或者如果没有这个,是否有一套标准的指导方针,如果遵循这些指导方针,则极不可能触发警告？

Answer 1

使用完全限定的URI将避免IE8及以下问题错误地创建一个虚假的URI,例如:/relative/file.png,它会触发混合内容警告.在IE9中修复了此问题.