CSS菜单last-child z-index

Question

我正在尝试将背景图片应用到菜单中的li:last-child>a元素，我需要z-index覆盖其他所有内容，而且似乎无法让它工作。

图像扩展父容器并剪切图像底部。可以在http://cgrande.development.webdesign-toledo.com/

看到

CSS：

#user-menu .nav>li:last-child>a {
    background: url(tag.png);
    background-repeat: no-repeat;
    background-size: 100% 66px;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 20px 20px;
    z-index: 999;
}

Answer 1

Css z-index适用于非静态元素，即为position: relative添加position: absolute或z-index才能生效。

编辑正如我所看到的，上一个孩子的身高太小，无法显示所有图像。增加上一个孩子的<a>元素高度，以查看完整的背景图片。