按钮现在处于透明状态？

Question

我整天都在用这些按钮。首先，这两个按钮都在对方的上面，看起来像这样，http://I.imgur.com/wvmntpq.jpg，现在在这里发布了一个问题之后，它看起来像这样，http://imgur.com/omxdqct我被告知在我的css中改变如下：

css：button{
float：left；margin-top:250px；color：white；display：block；margin:30px；padding:7px 35px；font:300 150%Langdon；background：transparent；border：3px solid white；cursor：pointer；}

  button:hover {
  background: black;
  border: 1px solid black;
  }

  button:active {
  background: #2e2e2e;
  border: 1px solid black;
  color: white;
  }

Answer 1

好的，这里是jsfiddle上的工作代码。我已经从按钮中删除了绝对路径，并添加了display:inline-block；，所以现在它们是一个紧挨着另一个。我还在包装器中添加了top:250px声明。

button {
  color:white;
  display: inline-block;
  margin: 30px;
  padding: 7px 35px;
  font: 300 150% langdon;
  background: transparent;
  border: 3px solid white;
  cursor: pointer;

} 

button:hover {
  background: black;
  border: 1px solid black;
}

button:active {
  background: #2e2e2e;
  border: 1px solid black;
  color: white;
}

Answer 2

我想您只需要将position:relativ添加到包含按钮的div中，因此将其设置为：

<div style="position: relative;">
    GO ROAM</br>
    START HERE.
    <button>SIGN UP</button>
    <button>LOG IN</button>
</div>

希望这能帮到你...