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
Post a Comment