IE 9及更低兼容性问题

时间:2013-11-11 12:08:33

标签: javascript html css internet-explorer

我在IE 9及更低版本上运行我的PHP应用程序时遇到问题。当我在IE 10中运行它一切顺利。但正如我在IE 9和更低版本中提到的那样。具体来说,我有一个模态弹出窗口,显示单击按钮时。在较低版本的IE中,它没有显示。我这样做了我的css decalration:

  <link rel="stylesheet" type="text/css" href="css/site_global.css?114823713"/>
  <link rel="stylesheet" type="text/css" href="css/index.css?4155766782" id="pagesheet"/>
  <link rel="stylesheet" type="text/css" href="css/stylesheet.css">
  <link rel="stylesheet" type="text/css" href="modal.scss">
  <link rel="stylesheet" type="text/css" href="modal.css">

我读过这篇文章:IE 6,7,8,9 CSS compatibility Stylesheet但我不知道该怎么做。我在这篇文章中说我可以在我的代码中包含类似noramalize css的内容。但我不知道该放置什么或如何使用该东西。在帖子上我还读到我可以包含这段代码:

<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->

请帮帮我。老实说,我不知道该做什么以及如何使用这些东西。谢谢你提前。我用这种方式调用我的代码:

upload.success.php

    <html lang="en">
        <head>
            <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

            <link rel="stylesheet" type="text/css" href="stylesheet.css">
            <link rel="stylesheet" type="text/css" href="modal.css">
            <title>Successful upload</title>

        </head>
        <body>
            <a href="#modal-text" class="call-modal" title=""></a>
    </div>
       </div>
              <!-- A modal with its content -->
                    <section class="semantic-content" id="modal-text"
                            tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">

                        <div class="modal-inner">
                                <a href="http://site.com/folder/gallery.php" class="call-modal" title="Clicking this link shows the Gallery Page"><img src="http://site.com/modal/images/thanku-post.jpg" class="thanku"/> </a>
                        </div>

                        <!-- Use Hash-Bang to maintain scroll position when closing modal -->
                        <a href="http://site.com/folder/index.php" class="modal-close" title="Close this modal"
                                data-dismiss="modal">&times;</a>
                    </section>
                    <script src="js/modal.js"></script>

        </body>

    </html>

0 个答案:

没有答案