2

https://friends-with-you.myshopify.com/

我正在尝试开发我的第一个 shopify 主题。我正在尝试加载托管在另一台服务器上的样式表，但未加载 CSS。如果我将该 CSS 直接复制并粘贴到 shopify 主题中的文件中，它就可以工作。

 <link type="text/css" rel="stylesheet" href="http://fwy.pagodabox.com/magic/themes/fwy/fwy.css" />

我在上面的 URL 做错了什么，为什么没有加载 css？

谢谢！

4

4 回答 4

10

你能通过 http 和 https 加载你的 CSS 文件吗？如果是这样，请将您的标签更改为如下所示：

<link type="text/css" rel="stylesheet" href="//fwy.pagodabox.com/magic/themes/fwy/fwy.css" />

这样，无论用户使用http://yourstore.com或访问https://yourstore.com，他们都将使用他们所在的协议获得样式表（并且您不会收到任何混合内容警告）。

更多背景知识：http: //paulirish.com/2010/the-protocol-relative-url/

在 IE7 和 IE8 下，在标签中使用 this<link>将导致您的内容被提取两次。

于 2012-07-18T21:24:27.833 回答
7

更改链接标签以使用安全 URL：

<link type="text/css" rel="stylesheet" href="https://fwy.pagodabox.com/magic/themes/fwy/fwy.css" />
                                                 ^

您现在使用的 URL 本身就可以正常工作，但由于您通过 SSL 浏览 Shopify 商店，因此许多 Web 浏览器会犹豫是否通过不安全的连接加载 CSS。

我刚刚检查并 pagodabox 通过 SSL 很好地提供 CSS 文件。

于 2012-07-18T21:20:05.577 回答
0

在普通的 HTML 文档中，可以从任何地方加载样式表，只要它们存在并且您可以通过键入 URL 来加载它们（我可以）。

我将页面视为左侧带有徽标的两个导航栏。在每个项目上都有悬停状态过渡到颜色背景。虽然，当我加载页面时，Chrome 警告我不要加载所谓的不安全内容。在加载之前，我只看到 Times New Roman 中的文本。我认为这是你的问题。

我使用 WordPress 的主题和样式表（大部分）。我不明白为什么你不能把样式表和主题的其余部分放在一起。

总的来说，答案是肯定的（通常），但在这种情况下，浏览器可能会认为它不安全，因此不会加载它。

于 2012-07-18T19:27:34.417 回答
0

是的你可以！但是将样式表托管在您的服务器/其他文件所在的位置会更快。如果您计划包含来自其他地方的样式表，您可能会遇到该服务器关闭/忙碌的问题，因此您的主题将不会按要求显示。正如@Blieque 提到的，某些浏览器可能会质疑外部内容，从而导致向用户/用户代理弹出不必要的警告。

于 2012-07-18T19:33:16.450 回答