Grid表示した画像にa hrefでファイルとリンクしたのですが、IEでは反応しません。

前提・実現したいこと

IEで閲覧できるHPを作成しています。
Gridで画像を3x3の状態に並べるところまで行いました。
Grid内の画像をa hrefでファイル（画像ファイルやビデオ）とリンクしたいです。

発生している問題・エラーメッセージ

対象の画像にカーソルを持っていっても指マークに変更されず、
ダブルクリックすると色が変わるだけの状態です。

Grid外に出すとちゃんと反応するのですが、Grid内だけリンクに飛びません。
同じソースコードで、Chromeではちゃんと飛びます。

該当のソースコード

HTML
ソースコード（下記グリッドの内のhappyoukai1のみリンク）
<div class="wrapper grid">

           <div class="item1">
                 <a href="happyoukai1.html"><img src="images/happyoukai1.jpg" alt=""></a>
                 <p>動画①</p>
           </div>

           <div class="item2">
                 <img src="images/happyoukai2.jpg" alt="">
                 <p>動画②</p>
           </div>

           <div class="item3">
                 <img src="images/happyoukai3.jpg" alt="">
                 <p>動画③</p>
           </div>

           <div class="item4">
                 <img src="images/happyoukai4.jpg" alt="">
                 <p>動画④</p>
           </div>

           <div class="item5">
                 <img src="images/happyoukai5.jpg" alt="">
                 <p>動画⑤</p>
           </div>

           <div class="item6">
                 <img src="images/happyoukai6.jpg" alt="">
                 <p>動画⑥</p>
           </div>

           <div class="item7">
                 <img src="images/happyoukai7.jpg" alt="">
                 <p>動画⑦</p>
           </div>

           <div class="item8">
                 <img src="images/happyoukai8.jpg" alt="">
                 <p>動画⑧</p>
           </div>

           <div class="item9">
                 <img src="images/happyoukai9.jpg" alt="">
                 <p>動画⑨</p>
           </div>

</div>

試したこと

Gridをやめるとリンクできます。
上述しましたが、Chromeでは問題なく動作します。
ですが、IEへの対応が必須です。

補足情報（FW/ツールのバージョンなど）

Windows10、IE11

退会済みユーザー

2021/08/17 06:52 編集

Grid とは何でしょう？　JavaScript / jQuery で動くプラグインか何かですか？ CSS のグリッドレイアウトとかですか？

football013

2021/08/17 07:16

あまり詳しくないのですが、9個の画像ファイルを横3列、縦3列に並べてタイル状に表示するためにCSSグリッドを用いました。

退会済みユーザー

2021/08/17 07:57

↓ これのことですか？ CSS グリッドレイアウト https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Grid_Layout

football013

2021/08/17 08:12

そうです。わかり難くて申し訳ありません。

football013

2021/08/17 08:30

IEだと少し特殊のようで、下記を参考に並べました。並べた画像の1つにa hrefで画像やhtmlファイルに飛ぶようにしたかったのですが、IEだとうまくいきませんでした。 https://webnooboegaki.com/htmlandcss/displaygrid

退会済みユーザー

2021/08/17 09:29

> 9個の画像ファイルを横3列、縦3列に並べてタイル状に表示するためにCSSグリッドを用いました。検証とかしたわけではなくてネットの記事の情報だけですが、IE はいろいろサポートしてなくて CSS グリッドレイアウトもその一つのようです（css grid layout ie あたりをキーワードにググってみてください）。どうしても CSS グリッドレイアウトでなければならないということでなければ、普通の table, tr, th を使うという選択はないのでしょうか？

football013

2021/08/17 10:04

ありがとうございます。グリッドレイアウトのIE対応まで進み、あと少しかなと、方法があれば知りたかったですが、table、tr、thでやってみます。