如何设置特定select2的z-index

我想在我的屏幕上设置特定select2组件的z-index，因为它需要高于Top_Menu，然后其余的select2的z -index我想为0 所以我写了这个如何设置特定select2的z-index

.Top_Menu.OSInline > .select2-container { 
    z-index: 50 !important; 
} 

.select2-container { 
    z-index: 0; 
}

，当我看着铬合金元素进行检查，如预期的z-index得到了应用，但使用widget时它仍然具有Z -index为0，因为它仍然在.Top_Menu下面（Top_Menu的z-index当前设置为2）

来源

2017-10-13 Joeliomason

_“如果您需要我的更多信息，请让我知道。”_ - 我们已经做到了：[问] – CBroe

第一个选择器是否正确，您的元素是否有ap （默认）'位置：静态'以外的命题值？你不能在没有相对位置，固定位置，绝对位置等的元素上使用z-index。 – Jayx

嗨，是的，元素有一个位置：相对。我应该补充的是，select2的风格在别的地方，我只是重写它而已。 – Joeliomason

select2-container{z-index: 0;}从不使用（即使稍后加载），因为select2-container具有较低的特异性比.Top_Menu.OSInline > .select2-container。你的第二个.select2容器

例如，

/*Loaded first, Most Specific*/ 
 
div.MoreThan > div.ALittleSpecific { 
 
    color: blue; 
 
} 
 

 
/*Loaded second, Kindof Specific*/ 
 
div.ALittleSpecific { 
 
    color: red; 
 
} 
 

 
/*Loaded last, Least Specific*/ 
 
div { 
 
    color: green; 
 
}

<div class="MoreThan"> 
 
<div class="ALittleSpecific"> 
 
    Specificity Trumps Load Order 
 
</div> 
 
</div>

增加特异性（或者与一个新的类或更明确承认父母，你应该能够不太容易混淆找出一个解决方案

来源

2018-01-22 15:58:34

如何设置特定select2的z-index

回答

相关问题