javascript - 由于 background-url 样式，Internet Explorer 的安全消息

Question

我在访问 https 站点时收到一条安全弹出消息，“您在安全页面上有混合内容、非安全项目”。看起来删除内联样式:background-image:url('../images/img.png') 解决了这个问题。有谁知道为什么吗？

<div style="background-image:url('../images/img.png')" />

对于 Internet Explorer，我想知道 'background-image:url' 是否使用不同的下载机制。

这是 IE7-8。

这是来自 Microsoft 的相关错误，但我仍然找不到有关 IE 问题的更多详细信息。 引用: http://support.microsoft.com/kb/925014

Answer 1

在我看来，即使您使用 HTTPS 查看页面，IE 仍会尝试通过 HTTP 连接加载 CSS 中引用的图像，而不管页面实际使用的是什么(因此混合了安全和不安全的内容)。

尝试使用 HTTPS 将 CSS 中的引用更改为绝对引用:

background-image:url('https://site.com/images/img.png');