Esto está relacionado conSSL y contenido mixto debido a imágenes de fondo CSS pero esa pregunta no tenía respuesta aceptada y la que estoy preguntando es un poco más específica.

En algunas circunstancias al acceder a un sitio web HTTPS, IE lanzará la advertencia de "contenido mixto" si un elemento recibe un estilo con una imagen de fondo. Encontré una referencia del foro que dice que la advertencia se puede evitar si coloca la referencia en una hoja de estilo, por ejemplo

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

pero no si intentas crear el elemento en línea, a la

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

y de hecho, esto funciona para mí. He visto a otros que dicen que tienes que usar una @ absoluhttps URL para referirse a la imagen, en lugar de una relativa.

¿Cuál es la historia real aquí? ¿Hay alguna explicación "oficial" o al menos una referencia a cuáles son las reglas? O, en su defecto, ¿existe un conjunto estándar de pautas que, si se siguen, hacen que sea extremadamente improbable que se active la advertencia?