CSS悬停覆盖重叠到div上的箭头

Question

我在这里有一个投资组合网站：

http://mrliger.com/index2.php

每当我将菜单li元素悬停在左侧时，我都会遇到问题。悬停状态将li的背景颜色更改为更深的灰色，但同时覆盖菜单项右侧的箭头。我希望箭头始终可见。我尝试过使用z-index但没有快乐。有什么建议吗？

Answer 1

z-index属性仅适用于定位元素（position:absolute，position:relative或position:fixed）。这个简单的CSS应该适合你：

.topnavi {
    position: relative;
    z-index: 1;
}

OR：

.arrow-up {
    position: relative;
    z-index: 1;
}

注意：对于将来的问题，如果您在此处添加代码而不是提供链接，则会更好。