无法使用html5boilerplate隐藏兼容性按钮

时间:2013-03-12 15:00:40

标签: button html5boilerplate compatibility-mode

我在stackoverflow上经历了很多问题,但我无法让它工作。

我正在使用带有一点WP PHP的html5boilerplate,我想知道这是否是我无法隐藏IE中的兼容性按钮的原因?或者我错了,<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">不能这样做?

这是首先推出的HTML:

<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Twenty_Ten
 * @since Twenty Ten 1.0
 */
?><!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

有什么想法吗? TY ...

1 个答案:

答案 0 :(得分:0)

您应该查看相关的Github问题https://github.com/h5bp/html5-boilerplate/issues/378

似乎您需要在IE条件注释之前将标记的位置移动到

<!doctype html>
<html lang="en">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <!--[if lt IE 9]><html class="oldie"><![endif]-->
        <meta charset="utf-8">
        <title>Document</title>
    </head>
    <body>
    </body>
</html>