Question

根据HTML5 Boilerplate，我希望以下包含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相同。我也试过移动compat。模式元标记是<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>

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

1 个答案: