2

iframe を使用して pdf(asp.net mvc3) を表示しています。PDF が iframe メニュー項目に表示されていない間、iframe の後ろに隠れていることを意味します。誰でもこれを解決する方法を教えてもらえますか。

前もって感謝します。

4

2 に答える 2

1

実際、親フレームコンテンツが子iframeコンテンツの背後に隠れている、すべてのiframeの問題に対する有効な解決策は、iframeの上に表示する要素に絶対位置を使用することです。

メニュー、ポップオーバーなど、必要に応じて、相対位置の親要素と絶対位置の子要素を使用できます。これは、あらゆるタイプのiframeまたはウィンドウ要素のキャッチオールソリューションです。

于 2013-02-25T16:57:01.203 に答える
1

あなたの質問は非常に骨の折れるものです、詳しく説明してください。

ただし、ここに解決策があります。

CSSでz-indexを使用します。

次のように、iFrameにIDを付けます。

<iframe id="pdf-display"></iframe>

また、同様の方法でメニュー項目にIDを付けます（例：）id="menu-item"。他に複数のメニュー項目がある場合は、それらをa<div>に含め、divにIDを付けます。

次に、別のスタイルシートまたは<style>タグに次のコードを入力します。

iframe#pdf-display {
    position: relative;
    z-index: 9;
}

#menu-item {
    position: relative;
    z-index: 10;
}

メニュー項目のz-indexを1つ増やすと、いわばiFrameの「上」に要素が配置されます。z-indexが高いほど、要素は「フロント」に近くなります。

于 2012-08-16T07:14:14.380 に答える