我尝试了很多方法来加载我的CSS背景图像而不会导致混合内容警告。
在此页面上例如： https://www.statcentric.com/login/default.aspx
您可以看到该消息即将发布。
对于logo（logo.png），我尝试过使用无协议方法，如下所示：
span#logo
{
background: url(//www.statcentric.com/images/logo.png) no-repeat scroll 0 0 transparent;
}
对于背景（bg.jpg），我尝试使用这样的相对路径：
body
{
color: #191919;
background: #f2f2f2 url(../../images/bg.jpg) repeat-x top;
}
但是，正如您将看到的，这两个图像仍然被标记为混合内容。
感谢任何帮助！
答案 0 :(得分：1)
您是否尝试过根路径拍摄图像？恩。 URL（ '/图像/ bg.jpg'）
答案 1 :(得分：1)
根据您对旧版浏览器的容忍度，您可能会考虑使用base64编码内嵌图像;换句话说，数据URI。
它确实会使您的css文件变得更大并且维护更加困难，因此您必须权衡css文件的大小与SSL请求的成本。对于小图片，我通常会发现css文件的大小是更好的方法。
我知道的另一个选项是两个不同的css文件;一个用于ssl，一个用于不用。