c# - 在 C# ASP.net Webforms 中有条件地包含 css

Question

我试图根据用户使用的浏览器有条件地包含一个 css 文件。我已经能够让它以一种方式工作，但不是我想要的方式，因为它需要一个额外的样式表。工作方式是，在我的 Site.Master 文件中，我包含了 ie8 的样式表。

<link href="~/Styles/ie8.css" rel="Stylesheet" type="text/css" />

然后在 Site.Master.cs 中的 Page_Load 函数中。

    if (!(browser.Type == "IE8" ||
        browser.Type == "IE7" ||
        browser.Type == "IE6" ||
        browser.Type == "IE5"))
    {
        Page.Header.Controls.Add(new LiteralControl(
            "<link rel=\" stylesheet\" type=\"text/css\" href=\"" + ResolveUrl("~/Styles/ie.css") + "\" />"));
    }

这有效并且 css 是正确的并且在 ie10 中使用开发人员工具和兼容性我可以看到它包含正确的 css。但是如果我将我的代码更改为应该等效的代码。它不起作用。站点管理员:​​

<link href="~/Styles/ie.css" rel="Stylesheet" type="text/css" />

网站.Master.cs

    if ((browser.Type == "IE8" ||
        browser.Type == "IE7" ||
        browser.Type == "IE6" ||
        browser.Type == "IE5"))
    {
        Page.Header.Controls.Add(new LiteralControl(
            "<link rel=\" stylesheet\" type=\"text/css\" href=\"" + ResolveUrl("~/Styles/ie8.css") + "\" />"));
    }

如果我在 Page.Header.Controls.Add 处放置一个断点，我可以看到在 ie10 中处于兼容模式时该函数被调用。但是当我转到开发工具并寻找使用 ie8.css 中定义的类的元素时，它们并不存在，就像它从未包含在内一样。这是怎么回事？

Answer 1

您应该使用 conditional comments 而不是检查 IE 服务器端:

<!--[if lte IE 8]><link href="ie8.css" rel="Stylesheet" type="text/css" /><![endif]-->
<!--[if lte IE 7]><link href="ie.css" rel="Stylesheet" type="text/css" /><![endif]-->