transparent它代表着全透明黑色，即一个类似rgba(0,0,0,0)这样的值。
例如在css属性中定义：background:transparent，意思就代表背景透明。
transparent一般使用场景：
如果一个元素覆盖在另外一个元素之上，而你想显示下面的元素，这时你就需要把上面这个元素的background设置为transparent
transparent在不同css版本中使用：
CSS1中，transparent被用来作为background-color的一个参数值，用于表示背景透明。
CSS2中，border-color也开始接受transparent作为参数值，《Open eBook(tm) Publication Structure 1.0.1》[OEB101]延伸到color也接受transparent作为参数值。
CSS3中，transparent被延伸到任何一个有color值的属性上。
利用border-color支持transparent这一特性，隐藏三条边框，实现三角形。
<style>
.triangle {
width: 0;
height: 0;
border-style: solid;
box-sizing: border-box;
border-width: 0 10px 10px;
border-color: transparent transparent #c5c5c5 transparent;
}
</style>
<div class="triangle"></div>
