IEでクリックできないリンク内のリストアイテム内の画像

css html internet-explorer
IEでクリックできないリンク内のリストアイテム内の画像

CSS:

ul {

    height:100%;

    position: absolute;
    right: 0;
    text-align: left;
}

ul li {

    height: 100%;
    width:90px;
    float: left;
}

ul li p {
    margin-top: 4px;
    width: 100%;
}


ul a li {
    display:block;
}

ul li img {
    margin-top: 8px;
    width: 43px;
    height: 43px;
}

(フォント以外のすべてのプロパティをここに残しました)

問題:

Internet Explorerのみ:リンク全体(テキストと画像を含む正方形ブロック)は、通常、リンクとして機能します(画像がある部分を除く)*。 その部分では、リンクをクリックしても機能しません。 ただし、奇妙なことに、*画像*を含む任意の部分にカーソルを合わせると、ステータスバーにリンクが表示されます。

  0  0


ベストアンサー

HTMLのより大きなサンプルを提供する必要がありますが、それが無効であることがすでにわかりました。

        ..
  • 「ul」要素の直接の子として「a」要素がある
    無効です。

  • または、含まれる `ul`要素がなく、これも無効です。

  • ul`または ol`要素内で `li`要素を使用することのみが有効です
    (およびその他のあまり一般的でないシナリオ)。

有効なHTMLは次のようになります(HTML5を想定!):

            Home

有効なHTMLを使用すると、IEで動作するはずです。

(ただし、IEのバージョンを指定しなかったので、そうなると思います。)

1


タイトルとURLをコピーしました