将css箭头添加到绝对值为ul的位置

Question

我尝试向ul添加箭头，问题是ul得到了position: absolute;，我总是在{{1}使用position: relative; }}。有人有想法吗？

编辑：忘记提及，顶部有箭头。比如this

Jsfiddle：DEMO

ul

Answer 1

试试这个

CSS

 #con #links:before{
    content:'';
    width:0px; height:0px;
    position:absolute;left:50%; top:-20px; 
    margin-left:-10px;
    border:10px solid;
    border-color: transparent transparent rgba(0,0,4,0.8) transparent;
}

DEMO