13

互換モードで実行すると、下のカレンダーは下のテキスト ボックスの背後に表示されます。IE8 は、必要な方法でカレンダーを表示します。

私のCSS

.MyCalendar .ajax__calendar_container 
{
border:1px solid #7F9DB9; 
background-color: #ffffff; 
z-index : 1004 ;   
width:190px;
}

IE7 が役に立たないことを検出した場合、サーバー側のコードで z-index を -1 に設定しようとしましたが、カレンダーをオーバーレイしているテキストボックスには z-index が設定されていません。助言がありますか？ 代替テキスト

4

2 に答える 2

32

IEにはz-indexに問題があります。ほとんどのブラウザは、ページを1つの連続したスタッキングコンテキストとして扱いますが、IEでは、配置された要素は、z-index値0から始まる新しいスタッキングコンテキストを生成します。

この記事で述べたように：

http://trwa.ca/2012/03/ie-z-index-bug-and-how-to-squash-it/

カレンダーの親要素にさらに高いz-indexを与えてみてください。

于 2009-09-23T17:27:37.500 に答える
2

最後に、透明な背景画像を追加して一番上に置きました。IE8。サス:

  #galerie-link {
    position: absolute;
    z-index: 1000;
    top: 25px;
    left: 40px;
    a {
      display: block;
      width: 185px;
      height: 90px;
      background-image: url(../images/transparent.png);
    }
  }
于 2014-04-01T15:44:00.883 に答える