2

私は自分に矢印を追加しようとしていますul。問題は、ul取得したことです。position: absolute;私は常にで使用position: relative;しulます。誰かアイデアがありますか？

編集：言及するのを忘れた、上の矢印。このように

Jsfiddle：デモ

<div id="con">
    <ul id="links">
        <li><a href="#">Link1</a></li>
        <li><a href="#">Link2</a></li>
        <li><a href="#">Link3</a></li>
    </ul>
</div>​


#con {
    margin: 20px;
    padding: 20px;
    width: 300px;
    height: 200px;
    position: relative;
}

#con #links {
    position: absolute;
    background-color: aqua;   
}

#con #links li {
    padding: 10px;
}

</ p>

4

1 に答える 1

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;
}

デモ </p>

于 2012-11-28T07:10:35.733 に答える