css - Asp-fallback-href 总是触发

Question

我玩 asp core 并希望回退到我的本地 bootswatchSlate.css，它位于 wwwroot 文件夹中，只有当我无法从 cdn 访问 bootstrap 时:

布局.cshtml

<link rel="stylesheet" 
          href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
          asp-fallback-href="css/bootswatchSlate.css"
          asp-fallback-test-class="hidden"
          asp-fallback-test-property="visibility"
          asp-fallback-test-value="hidden"/>

虽然 cdn 是实时的并且我可以访问它，但我总是得到 bootswatchSlate.css。我的问题在哪里？

Answer 1

回退总是被加载，因为你的测试表明 css 文件没有被加载。我查看了 css，.hidden 类的样式为 display:none。我发现选择 fallback test 需要一点尝试错误，因为 css 文件中的许多样式都由浏览器转换，例如 em 值。

您应该更新您的 html 以匹配以下内容:

<link rel="stylesheet" 
      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
      asp-fallback-href="css/bootswatchSlate.css"
      asp-fallback-test-class="hidden"
      asp-fallback-test-property="display"
      asp-fallback-test-value="none" />