css - SharePoint Foundation 2013 - 链接网站集中的 CSS 文件

Question

我在母版页中链接我的 css 文件时遇到了问题。

<SharePoint:CssRegistration ID="StyleSheet1" Name="~sitecollection/_catalogs/masterpage/Resources/css/quack_1200.css" After="corev15.css" runat="server" />
    <SharePoint:CssRegistration ID="StyleSheet2" Name="~sitecollection/_catalogs/masterpage/Resources/css/main.css" After="corev15.css" runat="server" />

这些文件没有被加载。当我在浏览器中访问控制台时，它没有显示任何错误，当我调查 HTML 时，它没有显示 CSS 文件。

但是，如果我访问 URL 上的文件，它们确实存在。这是部署 XML 定义。

<File Path="Resources\css\main.css" Url="masterpage/Resources/css/main.css" IgnoreIfAlreadyExists="TRUE" Type="GhostableInLibrary" />
<File Path="Resources\css\quack_1200.css" Url="masterpage/Resources/css/quack_1200.css" IgnoreIfAlreadyExists="TRUE" Type="GhostableInLibrary" />

如果我输入完整的 URL，我就可以访问这些文件。

http://[computer name]/sites/PCF/_catalogs/masterpage/Resources/css/quack_1200.css http://[computer name]/sites/PCF/_catalogs/masterpage/Resources/css/main.css

你能帮我解决这个问题吗。

谢谢

Answer 1

问题是 CssRegistration 不处理 ~sitecollection 标记。

我还没有测试过这个，但尝试添加:

<link rel="stylesheet" type="text/css" href="resources/css/main.css" />

如果您不知道如何构建您的 url，您可以随时使用 javascript/jQuery 添加 css 文件。

var linkTag = '<link href="' + _spPageContextInfo.siteAbsoluteUrl + '/_catalogs/masterpage/Resources/css/quack_1200.css" rel="stylesheet" type="text/css"/>';
$(document).ready($('head').append(linkTag);