如何設置特定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

回答

相關問題