www.webdeveloper.com
Results 1 to 2 of 2

Thread: <div> layer on top of PDF.

  1. #1
    Join Date
    Apr 2008
    Posts
    61

    <div> layer on top of PDF.

    So, the problem I face is like this:
    I have a <div> layer, which it will be placed on top of a pdf on the page. The PDF is either using <object> to embed, or iframe to include it. However, CSS style doesn't apply on PDF (because it is a plug-in? ). Therefore, even I put z-index:1000 for the <div>, that layer still goes behind the PDF. any idea how to fix that?

    here is th code:
    Code:
    <style type="text/css">
    <!--#apDiv1 {
    	position:absolute;
    	left:543px;
    	top:16px;
    	width:206px;
    	height:223px;
    	z-index:1000;
    	background-color:#999999;
    }
    </style>
    <body>
      <!-- embed the pdf  -->
    <object data="test.pdf" type="application/pdf" width="600" height="500" style="z-index:1" wmode="opaque">
      alt : <a href="test.pdf">test.pdf</a>
    </object>
    
      <!-- layer -->
    
    <div id="apDiv1" >Whatever text or object here.</div>
    </body>
    Oh. I even use wmode="opaque" as in flash. but it still doesn't help.

  2. #2
    Join Date
    Apr 2008
    Posts
    61
    hmm.. no one knows? or no one understand my question?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles