兼容模式按钮仍然存在，即使使用IE=edge

Question

根据HTML5样板，我希望下面包含的meta标记可以从IE8中删除兼容性模式按钮：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

但是当我在IE8中查看我的站点时，兼容性模式按钮仍然存在。我希望我的网站工作在IE8及以上，我不希望我的访问者的IE浏览器显示兼容模式按钮。问题是，如果有人意外地单击它并在IE8浏览器中打开兼容性模式，那么我的页面由于奇怪的IE7怪癖而无法正确呈现。

那我该怎么关掉按钮？

编辑：

下面是我的head标记的开头：

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>

它与默认的H5BP相同。我也尝试过移动公司。模式元标签是<head>中的第一个标签，没有区别。

Answer 1

这种情况已经持续了很长时间(https://github.com/h5bp/html5-boilerplate/issues/1187)。我使用它(根据您的需要修改doctype下面的类)：

http://nicolasgallagher.com/better-conditional-classnames-for-hack-free-css/

<!--[if IE ]><![endif]-->
<!doctype html>
<!--[if IE 8 ]> <html class="no-js lt-ie9 ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="no-js lt-ie10 ie9" lang="en"> <![endif]-->
<!--[if (gte IE 10)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>