在Div上叠加Div

Question

我试图将嵌入在另一个嵌入的顶部覆盖，并且我在做它时遇到一些困难，我想知道如何将一个嵌入在另一个嵌入之上。

有没有办法纯粹使用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>

Answer 1

你可以在没有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代码：

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

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

记住最高的z-index将始终位于顶部。 设置你的位置顶部，相应地左。

Answer 2

使用Z-index确定优先顺序。

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

现在，#thePdf2将位于thePdf的顶部，这适用于div，抱歉我没有使用embed。