Question

我在IE8中遇到一些问题，当我转到https://www.myapp.com时，我收到一条安全警告：

Security Warning: "Do you want to view only the webpage content that was delivered securely?"

我的CSS文件似乎被阻止，因为当我选择“是”时，没有样式。

我在我的主页以及内部页面上查看了我的页面来源，这就是我发现的：

    <link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/active_admin.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/comments.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/custom.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/sessions.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/static_pages.css?body=1" media="all" rel="stylesheet" type="text/css" />

如何在没有安全警告的情况下将CSS渲染到我的CSS文件中？我是初学者，所以即使在查看各种文件后，我也不确定在哪里可以找到要更改的数据。

另外，如果有人熟悉的话，我正在使用Bootstrap-sass ruby gem。在我的CSS文件中，我有@import "bootstrap";

Answer 1

使用以下表单的protocol-relative links 外部资源。 They将确保在需要时通过https提供这些资源。（例如，如果在外部脚本库中链接）

//domain.com/external/resource

同样使用相同的路径相对绝对样式来请求css中的资源。

.elem{ background: url(/path/to/something.png); }

Answer 2

打开CSS个文件，在其中absolute url查找通过HTTP加载任何图片的HTTP URL。当jquery上加载任何元素时会发生这种情况。很可能你的CSS文件包括任何背景或来自完整URL的任何图像，其被硬编码为HTTP。即使是{{1}}源文件，也必须链接HTTPS

如何在CSS数据中提取HTTPS域？

2 个答案: