如何將元素放在瀏覽器窗口中間的頂層？

Question

編輯：我使用瀏覽器的窗口而不是頁面或屏幕，以便如果瀏覽器處於「窗口」模式（而不是全屏），它將居中。

---

我需要編寫一個倒計時，這將在時間上在瀏覽器的窗口的中間opacize的頁面和寫（可能在全窗口大小）「3」一個暫停的第二「2」的其它第二「1 「另一秒，應用程序應該開始。

問題是如何把那個數字放在那裏和那樣。所以這是一個CSS問題不是JavaScript的，除非有一個JS框架，easyly做這件事：P

爲了把它放在頂層，這應該是足夠了：

position: absolute; 
z-index: 1; 

假如我不在z> = 1中有任何其他元素。 如何做其餘部分？

我想我將不得不創建一個完整的窗口大小的div與半透明的背景（任何提示如何做到這一點？）然後寫在它的巨大數字。它顯然應該適用於任何決議。

Answer 1

整個屏幕 - 我希望這是不可能的。我不希望我的瀏覽器中的任何內容能夠對其他瀏覽器標籤進行太多的控制，更不用說我的其他屏幕。

在瀏覽器中，它肯定有可能......插入超鏈接對話做到了。

Answer 2

如果你希望所有的自定義JavaScript，看看http://blog.madskristensen.dk/post/Custom-LightBox-JavaScript.aspx

或者你可以使用JQuery Thickbox

Answer 3

我想嘗試燈箱/ ThickBox的接近馬修recommended。如果你想嘗試自己做的CSS ...關閉我的頭頂：

div#countdown{ 
    background: #000; 
    color: #fff; 
    font-size: 30px; 
    height: 100%; 
    line-height: 100%; <!-- not sure if this line would work --> 
    opacity: .8; 
    width: 100%; 
}