在屏幕中心彈出成功消息，其中所有其他元素位置都是靜態的

我希望能夠在屏幕中心創建彈出式成功消息，並且z-index大於所有其他元素，以便它出現在他們面前。但是，我的頁面中的所有html元素的樣式爲display:static;（content div，header，sidebar等），所以仍然可以這樣做？在屏幕中心彈出成功消息，其中所有其他元素位置都是靜態的

非常感謝。

來源

2012-12-13 Loai Ghoraba

只需將彈出框設置爲固定位置，左側和頂部爲50％，邊距爲左上角至頂部至彈出窗口大小的一半，即爲金色。 – adeneo

如果所有元素都是靜態定位的，那麼彈出消息將始終顯示在最上面。靜態元素在默認情況下具有0 z-索引，因此設置具有更高z-索引和位置：[relative，absolute，fixed]的任何東西都會將其置於頂部。

閱讀全文here和css-tricks有很好的z-index概述/教程。 http://css-tricks.com/almanac/properties/z/z-index/

來源

2012-12-13 05:17:11 tim

在屏幕中心彈出成功消息，其中所有其他元素位置都是靜態的

回答

相關問題