4

私は次のHTMLを持っています

<embed class='pdf_container'  src='welcome.pdf' style ='width:100%;height:500px;' ></embed>

<div id="show_message"  class='message_wrapper' >

 <div id="message_content"> The requested operation ...  </div>

</div>

そしてCSSで

.message_wrapper{
   position:fixed;
   z-index:1000;
   height:100px;
   width:100%;
   background:red;
   top:0;
   left:0;
}
.pdf_container{
  position:absolute;
  top:0;
  left:0;
  z-index:100;
}

#show_message実際に を表示したいのですが.pdf_container、Firefox ではうまく機能しますが、 では機能しませんIE。.z-index

問題を理解するのを手伝ってください。

ありがとうございました。

スクリーンショットを参照してください:

IEで

IE 8,9で

そしてFFで

ファイアフォックスで

4

2 に答える 2

-1

埋め込みタグ内で WMODE を透明に設定する必要があります。

<embed class='pdf_container'  src='welcome.pdf' style ='width:100%;height:500px;' wmode="transparent" ></embed>
于 2013-03-06T10:26:01.630 に答える
-1

これを試してみてください。私が行ったように解決策が得られ、ローカルシステムで正常に動作します:-)歓声 あなたのコードとは少し異なりますが、あなたはそれを得ると確信しています.

http://jsfiddle.net/fRsUv/

html { height:100% }

#container {
    position:relative;
    width:100%;
}

#pdf {
    width:100%;
    z-index:1;
}

#layer_over_pdf {
    width:200px;
    z-index:2;
}

#pdf, #layer_over_pdf {
    position:absolute;
    top:0;
    left:0;
}



<div id="container">
 <div id="pdf"><embed id="pdfEmbed" src="JavaScript_DHTML_Mat_V4.pdf" style="width:500px; height:600px" type="application/pdf"></embed></div> 
 <div id="layer_over_pdf">some content</div>
</div>
于 2013-03-06T10:42:29.497 に答える