多个rgba边框取消其他边框

Question

如果我将多个边框应用于div，使用alpha小于1的rgba颜色，则不应用边框。然而，它确实可以只使用一个边框，或使用“固体”。颜色。

＆＃13;

＆＃13;

div {
  height: 100px;
  width: 100px;
  background: lightgray;
}

#one {
  border-top: 1px solid rgba(0, 0, 0, .3);
  border-bottom: 1px solid rgba(0, 0, 0, .3);
}

#two {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

#three {
  border-top: 1px solid rgba(0, 0, 0, 1);
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

＆＃13;

<div id="one"></div>
<br>
<div id="two"></div>
<br>
<div id="three"></div>

＆＃13;

＆＃13;

＆＃13;