css - 画像上のリンクが Chrome/Firefox では機能するのに Internet Explorer では機能しないのはなぜですか?

Question

ここで、その上にいくつかのリンクを含む画像を作成しました。Google Chrome と Firefox では正常に動作しますが、Internet Explorer 8 では正常に動作しません。

Answer 1

リンクにはz-index、IE(6-7-8) の start の値が必要でありz-index、親要素にもz-index値がある場合にのみ機能します。

.dict {
    display: block;
    height: 116px;
    position: absolute;
    top: 79px;
    z-index: 2;
}
<div style="position:relative;width:860px;height:200px;z-index:1;">

Answer 2

私はあなたのコードを持っていませんが、これが役立つと思います。このクラスを試してください：

.dict {
position: relative;
margin-top: -138px;
float: left;
display: block;
height: 116px;

Answer 3

IE8 でリンクの背後に表示されるようにするには、画像の z-index を指定する必要がある場合があります。