html - 如何使表格成为所有其他CSS的顶部？

我需要将此简单表单样式置于所有其他CSS的顶部。
他们处于相同的位置，他们必须像那样。
样式中的.brust是创建星星的简单div
我尝试了几种方法，但是由于某种原因，表格仍然在css下
 div。
我该怎么做？谢谢。

.burst-6 {
  background: black;
  width: 310px;
  height: 310px;
  position: relative;
  text-align: center;
  margin-left: 900px;
  margin-top: -220px;
}

.burst-6:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 310px;
  width: 310px;
  background: black;
  background: rgba(1, 1, 1, 0.5);
}

.burst-6:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 310px;
  width: 310px;
  background: black;
  background: rgba(1, 1, 1, 0.5);
}

.burst-6:before {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
}

.burst-6:after {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
}

<div class=burst-6>
  <form>
    <fieldset>
      Name:
      <br>
      <input type="text" name="">
      <br>
      <br>
      <input type="text" name="Em@il" value="">
      <br>
      <input type="submit" value="Submit">
    </fieldset>
  </form>
</div>

最佳答案

您必须正确放置“ form”元素。

.burst-6 {
  background: black;
  width: 310px;
  height: 310px;
  position: relative;
  text-align: center;
  margin-left: 30px;
  margin-top: -220px;
}

.burst-6:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 310px;
  width: 310px;
  background: black;
  background: rgba(1, 1, 1, 0.5);
}

.burst-6:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 310px;
  width: 310px;
  background: black;
  background: rgba(1, 1, 1, 0.5);
}

.burst-6:before {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
}

.burst-6:after {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
}

.burst-6 form {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 9999;
}

<div class=burst-6>
  <form>
    <fieldset>
      Name:
      <br>
      <input type="text" name="">
      <br>
      <br>
      <input type="text" name="Em@il" value="">
      <br>
      <input type="submit" value="Submit">
    </fieldset>
  </form>
</div>

关于html - 如何使表格成为所有其他CSS的顶部？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45940536/