0

私は新しいウェブサイトの再設計に取り組んでいます。これまでのところ、ブラウザーの互換性の問題はすべて問題なく解決されていますが、IE7 に残っている問題があります。

クライアントには、ヘッダーからコンテンツ全体に広がるドロップダウン メニューがありますが、クライアントがページに関連するビデオを持っている場合、これが最初に表示されることが多いため、問題が発生します。[ヘッダーのすぐ下に表示される] ビデオがメニューを後ろに押し出します。

ドロップダウンは、高い z-index 値 (1000) を使用して CSS で作成されます。JavaScript を使用して、'visibility' 値を変更することで、メニューを隠したり表示したりします。

ビデオは jPlayer を使用します。IE7 の時代を考えると、HTML5 を使用してビデオを表示するのではなく、.swf ファイルが含まれています。

ヘッダー、jPlayer などの z-index をこのサイトの提案に変更しようとしましたが、うまくいきませんでした。また、位置を絶対位置から相対位置に変更しようとしましたが、これによりドロップダウンが壊れました。

プロパティが「透明」になるようにパラメーター「wmode」を変更し、「不透明」も試しました。

これまでに行った唯一の違いは、作業ログに時間を追加したことです。

質問のページはこちらにあります: http://www.newforest.gov.uk/healthandleisure/

ありがとう！

4

1 に答える 1

0

iframe shim を試しましたか? Google Earth プラグインで同様の経験があり、次のように、swf 要素の上に移動する必要がある部分にシムを追加しました。

<iframe class="bgi" frameborder="0" scrolling="no" src="about:blank">
<html><head></head><body></body></html>
</iframe>

ここで、bgi は次のクラスです。

height:100%;
width:100%;
z-index:-1;
于 2012-08-28T15:37:52.157 に答える