2016-02-05 141 views
0

我在配置this website如何设置Wordpress导航子菜单的z-index?

当我把光标放在Sobre的导航菜单中时,子菜单会出现裁剪。

enter image description here

我知道,我可以用z-index:9999解决这个问题。

right_selector { 
    z-index:9999; 
} 

但我找不到合适的选择器。

我用我的浏览器打开了页面,使用'检查元素'找到正确的选择器。以下是我尝试过的一些选择器的列表,但没有成功。

#menu-item-345 > ul 

#menu-item-345 > ul > li 

#sub-menu toggle-submenu li 

我该如何解决这个问题?我应该使用哪个选择器?

回答

2

Z指数不是你的问题。你的问题是你的菜单总是向右扩展,而你正在隐藏溢出。主菜单中最后一个孩子的子菜单应该向左扩展,而不是向右扩展。

为父UL上的最后一个孩子写一个css定义,以相反的方式展开子菜单。

+0

我该如何为父UL上的最后一个孩子写一个css定义,以相反的方式展开菜单。通过您的回答,我已将'.primary-navigation {float:right;}'更改为'.primary-navigation {float:left;}'。现在它工作了!我的文字完整显示。但是我认为当你写下你的答案时,这不是你的想法......对吧?你能解释一下我应该改变的选择器吗? –

+0

'我应该怎么做'为父UL上的最后一个孩子写一个css定义,以相反的方式展开菜单。“ ' 好吧,你还是那么做了 - 并不完全如我设想的那样,但是如果简单地改变整个导航栏上的浮动工作方式,那就去吧! – Korgrue

+0

它的工作原理,但如果你进入网站,你会发现容器盒仍然裁剪。无论如何...它工作x-)感谢队友! –