Html IE特定样式表与其他版本的IE_Html_Css_Internet Explorer 7_Stylesheet_Font Face

Html IE特定样式表与其他版本的IE

html css

Html IE特定样式表与其他版本的IE,html,css,internet-explorer-7,stylesheet,font-face,Html,Css,Internet Explorer 7,Stylesheet,Font Face,我试图在IE7+8中使用字体图标，但遇到了一个问题，这个问题可以通过仅使用IE7的样式表轻松解决。长话短说，现在IE7和IE9都以某种方式运行我的仅IE7的样式表（IE8运行得非常好）。我不明白为什么 <head>  <!--[if (gte IE 6)&(lte IE 8)]> <script src="js/selectivizr.js"></script&g

我试图在IE7+8中使用字体图标，但遇到了一个问题，这个问题可以通过仅使用IE7的样式表轻松解决。长话短说，现在IE7和IE9都以某种方式运行我的仅IE7的样式表（IE8运行得非常好）。我不明白为什么

<head>
    <!-- CSS3 in IE7+8 -->
    <!--[if (gte IE 6)&(lte IE 8)]>
      <script src="js/selectivizr.js"></script>
      <noscript><link rel="stylesheet" href="css/style.css" /></noscript>
    <![endif]-->

    <!-- META -->
    <meta charset="utf-8" />

<!-- TITLE -->
<title>title</title>

<!-- STYLESHEETS -->
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/normalize.css" />
<link rel="shortcut icon" href="img/favicon.ico" />

 <!-- Icomoon in IE7 / IE7.CSS -->
    <!--[if lte IE 7]>
        <script src="js/lte-ie7.js"></script>
        <link rel="stylesheet" href="css/ie7.css" />
    <![endif]-->

<!--FONTS-->
    <link href='http://fonts.googleapis.com/css?family=Maiden+Orange' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
</head>

<body>
    <div id="container">
       <div id="header" role="banner">
            <a href="#"><img src="img/logo.png" title="title" alt="" /></a>
    </div> <!-- end #HEADER -->

    <div id="main" role="main">
        <div class="left content">
            <h2>WHAT WE DO</h2>
        </div>

        <div class="center content">
            <h2>OUR SPECIALTIES</h2>

            <ul>
                <li><a aria-hidden="true" data-icon="f">WATER</a></li>
                <li><a aria-hidden="true" data-icon="$">FIRE</a></li>
                <li><a aria-hidden="true" data-icon="#">LIGHTING</a></li>
                <li><a aria-hidden="true" data-icon="a">AUDIO</a></li>
                <li><a aria-hidden="true" data-icon="!">TECH F/X</a></li>
            </ul>
        </div>

        <div class="left content">
            <h2>CONTACT US</h2>

            <div class="info">
                <p>Name</p>
                <p>e: <span class="brown"><a href="#">email</a></span></p>
                <p>p: <span class="brown">888-888-8888</span></p>
            </div>

            <div class="info">
                <p>Name</p>
                <p>e: <span class="brown"><a href="#">email</a></span></p>
                <p>p: <span class="brown">888-888-8888</span></p>
            </div>
        </div>

    </div> <!-- end #MAIN -->

    <div id="footer" role="contentinfo">
        <p>&copy;</p>
    </div> <!-- end #FOOTER -->
</div> <!-- end #CONTAINER -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</body>
</html>

您的

标签前面是什么？不正确的标记可能会触发怪癖模式或兼容性模式

通过在

中添加此标记，尝试明确要求IE使用可用的最新呈现引擎呈现页面：

正如@Phil提到的，可能是怪癖模式触发了这一点。过于具体的

DOCTYPE

容易触发它。为避免使用

DOCTYPE

触发

quirks模式

，请不要具体说明。使用：

<!DOCTYPE html>

HTML5的胜利

妈的，元没用。在我的头标签之前，后面是更新：所以。。。当我通过“localhost”查看时，我会遇到问题，但是当我使用“myIP/index.hhtml”时，一切都很好。那么，假设一切都完全正确，安全吗？（这在IE9中）。是的，IE有一个默认设置，可以在兼容性视图中加载localhost和intranet网页，您可以启用它。

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

<!DOCTYPE html>