html - 在 Razor View 中 - 如何检测浏览器类型和版本以选择线性渐变类型

Question

我第一次尝试使用 razor View 创建和启动网站(C# .Net MVC)。

我在网站上大量使用了线性渐变，自发布以来我意识到在 IE 9 及更低版本中不支持渐变

我想根据浏览器类型和版本选择渐变样式。

例如:

@if(browser is IE 9 and under){
style="background: #ffffff;
}
Else{
style="background:linear-gradient(to bottom, #ffffff 0%,#ffffff 100px,#b8dbff 100%);
}

如何在 Razor View 中检测浏览器类型和版本？

过滤与线性渐变不兼容的浏览器版本的最简单方法是什么？

向前端开发人员致敬，我不知道这些跨浏览器问题是这样的问题。

当某些东西在浏览器中不起作用时，我自己经常提示

Answer 1

您可以使用 Razor 引擎根据调用者提供不同的 View ，但听起来您的情况可以用 HTML/CSS 处理。

如果 IE9 是你唯一的问题，你可以使用 conditional comments并包含额外的样式/样式表。

<!--[if IE 9]>
<style>
   #foo { background-color: #fff; }
</style>
<![endif]-->

但是对于您的特定问题，您应该能够做一些更简单的事情，只需修改您的样式表:

body{
    /* all browsers */
    background: red;

    /* newer browsers overwrite the previous value; old browsers ignore */
    background: linear-gradient( to left top, blue, red); 
}

IE9 不知道“线性渐变”是什么意思，所以会忽略它。这是 defined behavior您可以信赖。

演示:http://fiddle.jshell.net/K67yd/2/show/