Question

使用this sample markup，而不是在右上角的黑框中显示“ 1 ”，我想要显示“↓” ，然后它应该全部出现在悬停状态。

Answer 1

使用此：

#bar ul { margin:0; font-weight:700; position:absolute; bottom:8px; }

Answer 2

你可以把箭头放在顶部。然后，将:hover高度向下调整2em，并在<ul>上为悬停添加-2em上边距;这将有效地隐藏悬停箭头。

列表如下所示：

<ul>
    <li>&darr;</li>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

更新的CSS将是：

#bar:hover { height: 8em; }
#bar:hover ul { margin-top: -2em; }