css下拉菜单显示在前 |css3在段落前加个点

/* HTML 代码 */
<div class="menu">
<ul class="dropdown-menu">
<li>菜单项1</li>
<li>菜单项2</li>
<li>菜单项3</li>
</ul>
</div>
/* CSS 代码 */
.menu {
position: relative;
z-index: 1;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 2;
display: none;
}
.menu:hover .dropdown-menu {
display: block;
}

在上面的代码中，大家首先将下拉菜单的容器div.menu的z-index属性设置为1。因为z-index属性用于指定元素的堆叠顺序，这里设置为1表示该元素位于堆叠顺序的底部，即最下层。

接着，将下拉菜单的ul.dropdown-menu的z-index属性设置为2。注意，z-index属性的值必须大于div.menu的z-index属性值，这样才能保证下拉菜单位于div.menu上层，避免被遮挡。

此外，大家还将下拉菜单的position属性设置为absolute，top属性设置为100%，即下拉菜单的顶部与div.menu底部对齐。这样，在鼠标移动到div.menu上时，下拉菜单才能正确地显示在div.menu下方。

最后，使用:hover伪类选择器，当鼠标移动到div.menu上时，就将ul.dropdown-menu的display属性设置为block，即显示下拉菜单。

通过以上方法，大家可以让CSS下拉菜单在网页上正确地显示在最前面，为用户带来更好的浏览体验。