0

立ち往生している開発サイトのバグについて助けてもらいたいと思っていました。このページの下部にライトボックスを作成しようとしています: http://learningseat.wpdemo.com.au/discover/#links . 4 つの円形ボタンのいずれかをクリックして、ライトボックスをトリガーします。

ボタンの 1 つがクリックされたときにページの下部に追加する #fade オーバーレイに問題があります。ページを上にスクロールすると、オーバーレイは IE7 のページの上にある他の要素をカバーしません。

誰かが私に何か指針を持っていますか? テスト用に IE7 レンダリングをオンにして Internet Explorer 9 を使用しており、テスト用に #fade div の周りに 4px の実線の赤い境界線を追加しました。また、ページに Firebug Lite を追加しました。

ありがとう！

4

1 に答える 1

0

このトピックを見てください：固定位置とInternetExplorer

可能性：

  • 厳密なDoctypeを追加します。しかし、HTML5を使用しているので、それはできないと思います。
  • Rigaの回避策を使用します。

`

#fade {
  position:fixed;
  _position:absolute;
  top:0;
  _top:expression(eval(document.body.scrollTop));
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .2;
  background-color: black;
  z-index: 1;
  display: none;
}

`

于 2012-06-25T07:39:22.843 に答える