如何让HTTPS域名拉取CSS数据？

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" />

我怎样才能让HTTPS在我的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文件，查找通过HTTP加载任何图像的absolute url。当在HTTP URL上加载任何元素时，就会发生这种情况。很可能你的CSS文件包含任何背景或者来自一个完整的url的图片，该url被硬编码为HTTP。即使是jquery源文件，如果你有，也必须链接HTTPS