0

IE 9 以下で PHP アプリを実行すると問題が発生します。IE 10で実行すると、すべてうまくいきます。しかし、私が言及したように、IE 9以下のバージョンではありません。具体的には、ボタンがクリックされたときに表示されるモーダル ポップアップがあります。IE の下位バージョンでは表示されません。私は次のようにCSSデカルレーションを作成しました:

  <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 互換性スタイルシート まだ何をすべきかわからない. この投稿では、コードに css を正規化するようなものを含めることができると述べています。しかし、何を配置するか、そのことをどのように使用するかはわかりません。投稿で、このコードを含めることができることも読みました:

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

私を助けてください。正直なところ、何をすべきか、そのようなものをどのように使用するかわかりません。よろしくお願いします。私はこの方法で私のコードを呼び出しています:

アップロード.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>
4

0 に答える 0