如何设置IE文档模式?

时间:2013-06-19 06:25:14

标签: internet-explorer internet-explorer-9

在IE9中,我的浏览器设置了:

F10 - >工具 - >兼容性视图设置 - >添加了192.168.10.227

因此当我尝试提供文件时,浏览器模式为9 compat视图,文档模式为IE7标准。

我的问题是,如何制作文件模式IE9而不是IE7?

我试过了:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
<meta http-equiv="X-UA-Compatible" content="IE=9" />

但两者都没有效果。

这是我的文件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>OpsCentral&trade;</title>
        <link rel="shortcut icon" type="image/x-icon" href="/opscentral/demo/favicon.ico" />
<link rel="icon" type="image/x-icon" href="/opscentral/demo/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/opscentral/demo/css/main.css" />
<link rel="stylesheet" type="text/css" href="/opscentral/demo/css/widget_list.css" />
<script type="text/javascript" src="/opscentral/demo/js/jQuery/jQuery.js"></script>
<script type="text/javascript" src="/opscentral/demo/js/jQuery/jQuery.ajaxq.js"></script>
<script type="text/javascript" src="/opscentral/demo/js/util.js"></script>
<!-- *******************************************************************
    WOM - Windows on Load Manager
******************************************************************** -->
<script type="text/javascript" src="/opscentral/demo/js/wom.js"></script>
<script type="text/javascript" src="/opscentral/demo/js/widget_list.js"></script>
<!-- *******************************************************************
    NIFTY CORNERS
******************************************************************** -->
<script type="text/javascript" src="/opscentral/demo/js/niftyCornersCube.js"></script> 
<link rel="stylesheet" type="text/css" href="/opscentral/demo/css/niftyCornersCube.css" />
    <link rel="stylesheet" type="text/css" href="/opscentral/demo/css/jQuery/jQuery.pagination.css" />

    <link rel="stylesheet" type="text/css" href="/opscentral/demo/css/widget_form.css" />

    <script type="text/javascript" src="/opscentral/demo/js/jQuery/jQuery.dimensions.js"></script>
    <script type="text/javascript" src="/opscentral/demo/js/jQuery/jQuery.jTemplates.js"></script>
    <script type="text/javascript" src="/opscentral/demo/js/jQuery/jQuery.pagination.js"></script>
    <script type="text/javascript" src="/opscentral/demo/js/jQuery/jQuery.XMLUtils.js"></script>


        <link rel="stylesheet" type="text/css" href="/opscentral/demo/css/calendar-blue.css" />
<script type="text/javascript" src="/opscentral/demo/js/widget_calendar.js"></script>
<script type="text/javascript" src="/opscentral/demo/js/calendar/calendar.js"></script>
<script type="text/javascript" src="/opscentral/demo/js/calendar/calendar-en.js"></script>
<script type="text/javascript" src="/opscentral/demo/js/calendar/calendar-setup.js"></script>

        <script type="text/javascript" src="/opscentral/demo/recordingJssCss/js/jquery-1.8.2.js"></script>
<script type='text/javascript'>  
    var $jq182 = jQuery.noConflict();  
</script>  
<script type="text/javascript" src="/opscentral/demo/recordingJssCss/js/jquery-ui-1.9.1.custom.js"></script>
<link rel="stylesheet" type="text/css" href="/opscentral/demo/recordingJssCss/css/smoothness/jquery-ui-1.9.1.custom.min.css" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
<meta http-equiv="X-UA-Compatible" content="IE=8" />

3 个答案:

答案 0 :(得分:8)

我认为您还应该添加<!doctype html>查看此帖Forcing Internet Explorer 9 to use standards document mode

答案 1 :(得分:6)

我相信你需要包括

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

修改

我也会加一个

<meta charset="utf-8" />

或者什么都在使用你的charset。将这些移动到头顶也会产生影响。

答案 2 :(得分:0)

但根据IE DEv中心,

此外,请勿在页面上使用“X-UA-Compatible”元标记,或从Web服务器发送自定义HTTP标头。

要将您在Internet Explorer 10中查看的网页强制转换为特定的文档兼容模式,请先按F12键打开F12工具。然后,在“浏览器模式”菜单上,单击“Internet Explorer 10”,在“文档模式”菜单上,单击“标准”。