位置が絶対のiframe

-4

http://jsfiddle.net/K4uEs/2/位置が絶対のiframe

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head> 
     <title>Untitled Page</title> 
    </head> 
    <body> 
     <div style="height:600px;width:1000px;position:relative;margin:auto;"> 
      <div style="position:absolute;top:30px;left:50px;height:100px;z-index:9999;background:red;">This is not visible </div> 
      <iframe src="http://www.irs.gov/pub/irs-pdf/fw4.pdf" height="50%" width="100%"></iframe> 
</div> 
    </body> 
    </html>

出典

2011-06-28 sumit kumar ray

はい？........... – ingo

実際にはどういう疑問がありますか？ –

Samuele Mattiuzzoの位置：絶対にiframeで作業していません。これは問題 –

：

はこれを試してみてください。

フレーム（IFrameを含む）は元のウィンドウとは独立したサブウィンドウであるため、機能しません。したがって、zインデックスをどれだけ増やしても問題はありません。divはオブジェクトのインデックスサブウィンドウ内のオブジェクトの上に決して上がることはありません。

サブウィンドウは別のプログラム（私はAcrobat Readerを想定していますが、コンピュータの設定によって異なります）によって描画されるため、さらに複雑になります。

通常、何も配置できないもう一つの要素は、OBJECTとEMBEDです。たとえば、フラッシュは、その領域が別のプログラムによって描画されるためです。一部のブラウザでは動作する可能性がありますが、動作するように指定されておらず、ほとんどのブラウザでは動作しません。

出典

2011-06-28 12:39:34 theMage

しかし、それはIEでのFirefoxの問題で働いています –

に取り組んでいないことは、Firefoxで動作しますので、私は知りません。

iframeに前のdivよりも低いZ-インデックスを付けてみましたか？クライアントがブラウザでそれをを開くには、プラグインを持っている場合

出典

2011-06-28 11:37:42 daveyfaherty

はい。私はまだそれが動作していない –

-1

PDF のみを作品！
例：などのAcrobat Reader、クローム内部PDFリーダー、

ヒント/回答： はあなたのPDFファイルがJPGファイルに変換し、それらを読むためにPageFlipのFlashを使用しています。

例：http://www.revistainpeople.com/edicoes

ヒント2：
あなたはイースリー、このコマンドを使用して、Linux上でPDFファイルの変換できます。convert sample.pdf sample.png

EDIT：
あなたはpageflip（フラッシュ）を使用する場合z-indexプロパティに問題はありません。通常は正常に動作します。なぜなら、クライアント上で常にAdobe Flash Playerが見つかるからです。代わりに、pdfを読むための厄介なプラグインです。

出典

2011-06-28 11:44:50 CuSS

干し草CuSS私はHTMLとCSSの使用によってこの問題を解決したい。 –

私が言ったように、彼らは異なるプラグイン、異なる処理方法を使用することはできません。そのうちのいくつかはZ-インデックスを尊重することができます。 – CuSS

iframeにposition:absoluteが含まれていないので、その前にdivに設定する必要があります。私はあなたの内側のdivの上のz-indexで、assimingとあなたはIFRAMEの上にそれを配置しようとしているということだ

<div style="position:absolute;top:30px;left:50px;height:100px;z-index:9999;background:red;">This is not visible 
     <iframe src="http://www.irs.gov/pub/irs-pdf/fw4.pdf" height="50%" width="100%"></iframe> 
</div>

出典

2011-06-28 12:23:20 locrizak

親愛していません –

答えて

関連する問題