如何在html中将一个div放在另一个div之前?

时间:2013-02-25 12:24:21

标签: html

我有一个问题,我有两个div:

  1. 是一张图片,也是首先在html代码中写的
  2. 是一些文字,写在第一个div之后
  3. 现在我遇到了问题:我看到第二个div上的第一个div这意味着我看不到文本。 我想如果我在第一个之后写第二个,那么我将在第一个之后写第二个。

    这是正常的吗?任何解决方案?

2 个答案:

答案 0 :(得分:1)

这就是你在寻找......?

  <html>
    <body>
      <style>

       #div_1
       {
         position:absolute;
         left:0px;
         top:0px;
         z-index:-1;
       }
     </style>

    <div id='div_1'>
       <img src="https://www.google.co.in/images/srpr/logo3w.png" > 
    </div>

    <div style="color:#0000FF"  id='div_2'>
       <p>This is some text.</p> 
    </div>

    </body>
  </html>

答案 1 :(得分:0)

您可以尝试调查css属性z-index