Overlay Div auf einem Div

Question

Ich versuche, eine Einbettung über eine andere Einbettung zu überlagern, und ich habe einige Schwierigkeiten dabei, ich frage mich, wie würde ich überlagern ein eingebettetes auf einem anderen.

Gibt es eine Möglichkeit, Bootstrap rein zu verwenden?

Dies ist mein Code für mein bettet:

<div id="thePdfContainer" class="text-center">   
    <embed src="www.example.com/pdf1.pdf" width="550" height="800" type='application/pdf' id="thePdf"> 
    <embed src="www.example.com/pdf2.pdf" width="550" height="800" type='application/pdf' id="thePdf2"> 
</div> 

Answer 1

Sie können das tun, ohne Bootstrap

<div id="thePdfContainer" class="text-center">   
    <embed src="www.example.com/pdf1.pdf" width="550" height="800" type='application/pdf' id="thePdf"> 
    <embed src="www.example.com/pdf2.pdf" width="550" height="800" type='application/pdf' id="thePdf2"> 
</div> 

CSS-Code:

#thePdf{ 
    position:absolute; 
    top:50px; 
    left:50px; 
    z-index:1; 
} 

#thePdf2{ 
    position:absolute; 
    top:100px; 
    left:100px; 
    z-index:2; 
} 

den höchsten Z-Index erinnern wird immer an der Spitze sein. setzen Sie Ihre Positionen oben, links entsprechend.

Answer 2

Verwenden Sie Z-index zur Priorisierung.

#thepdf{ 
     z-index:2; 
    } 
    #thePdf2{ 
     z-index:3 
    } 

so jetzt die #thePdf2 Oberseite des thePdf sein wird, wird dies für div arbeiten und sorry ich nicht embed verwendet haben.