0

次のようなコードがあります。

<div class="container">
   <div class="overlay">
      // hover content
   </div>
   <img/>
</div>

.container{
    position:relative;
}
.overlay{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

基本的に、誰かがオーバーレイ div にカーソルを合わせると、その div のコンテンツが表示されます。これは、IEを除くすべてのブラウザでうまく機能します（もちろん）

IE では、オーバーレイ div が画像の後ろにあるため、ホバーが機能しません。オーバーレイ div に背景 (色または画像) を配置すると、画像の上に配置されて機能しますが、背景の使用は避けたいと思います。

また、z-index を使用してみましたが、成功しませんでした。より高い z-index を使用し、定義された z-index スタック (IE の場合) でも、画像の背後にあります。

これはすべての IE バージョン 6 ～ 9 にあります。

これに対する回避策/修正を知っている人はいますか?

4

1 に答える 1

0

オーバーレイdivの背景を完全に透明な画像（png）に設定するというトリックで修正できます。

于 2012-06-15T17:21:02.210 に答える