2014-04-16 67 views
0

我想在我需要z-index超過一切,似乎無法得到它的工作菜單應用背景圖像的li:last-child>a元素。CSS菜單最後孩子的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; 
} 

回答

1

的CSS z-index作品非靜態元素,即添加position: relativeposition: absolutez-index生效。

編輯正如我所看到的,最後一個孩子的身高對於所有圖片來說都太小了。增幅比去年孩子的<a>元素高處看完整的背景圖像。

+0

我已經加入相對於#用戶菜單.nav位置>裏錯過了,在上面我的代碼,我不能應聘的職位財產的權利元素? –

+0

@TENDesign你必須position屬性適用於您應用的z-index該元素 – Justinas