使用CSS能力/特性检测来检测IE版本

你应该使用Modernizr，它会向body标签添加一个类。
此外：

function getIeVersion()
{
  var rv = -1;
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var ua = navigator.userAgent;
    var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  else if (navigator.appName == 'Netscape')
  {
    var ua = navigator.userAgent;
    var re  = new RegExp("Trident/.*rv:([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  return rv;
}

请注意，IE11仍处于预览阶段，用户代理可能会在发布之前更改。
目前IE 11的用户代理字符串为：

Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv 11.0) like Gecko

这意味着您可以简单地测试11.xx版本。

var isIE11 = !!navigator.userAgent.match(/Trident.*rv 11\./)

检测IE及其版本实际上非常容易，至少非常直观：

var uA = navigator.userAgent;
var browser = null;
var ieVersion = null;

if (uA.indexOf('MSIE 6') >= 0) {
    browser = 'IE';
    ieVersion = 6;
}
if (uA.indexOf('MSIE 7') >= 0) {
    browser = 'IE';
    ieVersion = 7;
}
if (document.documentMode) { // as of IE8
    browser = 'IE';
    ieVersion = document.documentMode;
}

这样，你也可以在兼容模式/视图中捕获高版本的IE。接下来，就是分配条件类的问题：

var htmlTag = document.documentElement;
if (browser == 'IE' && ieVersion <= 11)
    htmlTag.className += ' ie11-';

如果您正在使用Modernizr - 您可以轻松区分IE10和IE11。
IE10不支持pointer-events属性。IE11支持。(caniuse)
现在，基于Modernizr插入的类，您可以拥有以下CSS：

.class
{ 
   /* for IE11 */
}

.no-pointerevents .class
{ 
   /* for IE10 */
}

也许Layout Engine v0.7.0是你情况下的好方案。它使用浏览器特性检测，不仅可以检测IE11和IE10，还可以检测IE9、IE8和IE7。它还可以检测其他流行的浏览器，包括一些移动浏览器。它向html标签添加一个类，易于使用，在一些深度测试中表现良好。 http://mattstow.com/layout-engine.html

您可以尝试这个方法：

if(document.documentMode) {
  document.documentElement.className+=' ie'+document.documentMode;
}

您可以使用 JavaScript 并在 HTML 中添加类来维护 条件注释 的标准：

  var ua = navigator.userAgent,
      doc = document.documentElement;

  if ((ua.match(/MSIE 10.0/i))) {
    doc.className = doc.className + " ie10";

  } else if((ua.match(/rv:11.0/i))){
    doc.className = doc.className + " ie11";
  }

或者使用类似bowser的库：

https://github.com/ded/bowser

或者使用Modernizr进行特性检测：

http://modernizr.com/

我在IE11中使用Gravity表单（WordPress）时遇到了同样的问题。 表单的列样式“display：inline-grid”破坏了布局； 应用上面的答案解决了差异！

最初的回答：

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .gfmc-column { display: inline-block;} /* IE11 */
}

步骤回溯：你为什么要检测“Internet Explorer”而不是“我的网站需要做X，这个浏览器是否支持该功能？如果是，那么是好的浏览器。如果不支持，则应该警告用户”。
你应该访问http://modernizr.com/，而不是继续你正在做的事情。