Isso está relacionado aSSL e conteúdo misto devido a imagens de plano de fundo CSS mas essa pergunta não tinha resposta aceita e a pergunta que faço é um pouco mais específic

Sob algumas circunstâncias ao acessar um site HTTPS, o IE emitirá o aviso "conteúdo misto" se um elemento receber um estilo com uma imagem de plano de fundo. Eu encontreium fórum de referência disse que o aviso pode ser evitado se você colocar a referência em uma folha de estilo, por exemplo

#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;
}

mas não se você tentar criar o elemento inline, a la

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

e, de fato, isso funciona para mim. Já vi outros que dizem que você precisa usar um valor absolutohttps URL para se referir à imagem, em vez de uma relativ

Qual é a verdadeira história aqui? Existe alguma explicação "oficial" ou pelo menos uma referência ao que são as regras? Ou, na sua falta, existe um conjunto padrão de diretrizes que, se seguidas, tornam extremamente improvável o acionamento do aviso?