將組件置於框架頂部同時保持位置的最佳方式

-1

讓我首先爲此帖子的措辭道歉。我是一個實際上沒有任何Angular2經驗的低調實習生，因此他的某些術語可能會關閉。所以總結一下...將組件置於框架頂部同時保持位置的最佳方式

我有零部件的z索引幀的問題。所以我有以可變數量生成的組件。這些都是圖表，但爲了簡單起見，它只是div的一個組成部分。這些組件中的每一個還包含一個生成的minitoolbar組件。這些迷你工具欄是在組件內部生成的，但是當有多個組件圖時，我需要將迷你工具欄帶到頂部框架，以便它們永遠不會被其他組件阻擋。截至目前，由於每個組件都有自己的堆棧框架，因此僅增加z-index將不起作用。

我正在尋找最佳方法來實現使用圖形生成minitoolbar的目標，但是在保持其命令位置的同時將它帶到父div。迷你工具欄也有來自圖表的數據，所以我不確定將其拉出組件的後果。我試圖按照ng引導工具提示指令的方式做一些事情，比如appendToBody，但問題一旦被附加到主體後，就不再引用圖形，並且在不需要時不能將其存儲起來。 minitoolbar僅在工具欄與圖形關聯的鼠標懸停時顯示。但有困難，因爲我發現只有文本或簡單的模板html的例子。

我想在主鼠標的div上有一個存儲容器，這個鼠標懸停在拉動組件並將其注入到容器中。但任何可能的更好的路線指導或類似的東西可能的例子將不勝感激。

來源

2017-03-15 CS151990

的回答，請閱讀本：http://stackoverflow.com/help/how-to-ask – feedMe

z-index屬性僅適用於定位元素。這意味着您可以在位置爲absolute的位置上使用z-index：位置：relative，position：fixed或position：sticky

因此，您需要正確設置組件的樣式。這裏可能是你正在尋找

Stacking order

來源

2017-03-15 17:14:50 Julian

將組件置於框架頂部同時保持位置的最佳方式

回答

相關問題