css - Multiple rgba borders cancels the others -


if apply multiple borders div, rgba color alpha lower 1 neither border applied. work 1 border, or 'solid' colors.

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);  }
<div id="one"></div>  <br>  <div id="two"></div>  <br>  <div id="three"></div>


Comments

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

vue.js - Create hooks for automated testing -

Add new key value to json node in java -