z-index在li navbar上不起作用

时间:2014-04-24 12:50:07

标签: html css twitter-bootstrap z-index

我使用navbar bootstrap(.navbar-inverse,.navbar-static-top),我想将z-index应用于特定的“li”,以便它将div不透明度传递给0.5。 (“更强”“li”)

http://www.bootply.com/132530

问题:即使使用z-index和position:relative,也不会在div上显示“li”。

我尝试将此css逐个应用于每个父li,但它仅适用于最后一个父:div.navbar

<div style="z-index:8888" class="navbar navbar-inverse navbar-static-top"> 

有效,但我不想显示所有导航栏

是否可以仅显示此“li”?

提前谢谢

2 个答案:

答案 0 :(得分:2)

不,你不能。 您需要更改HTML标记才能执行此操作。

“如果元素B位于元素A的顶部,则元素A的子元素永远不会高于元素B.”

source

答案 1 :(得分:0)

谢谢大家的回复,我探索了不同的解决方案,但没有任何效果。

@Matheus:由于几个原因,我无法更改我的HTML标记,我会找到一种方法来提出另一个我会在javascript中移动的li。

我知道它不干净,但在我的情况下,我不能做任何其他事情。

再次感谢你。