css - 如何让 HTTPS 域拉入 CSS 数据？

Question

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

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

我的 CSS 文件似乎被阻止了，因为当我选择"is"时，没有样式。

我在主页和内部页面上查看了我的页面源代码，这是我发现的:

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