2011-12-26 54 views
0

我正在製作一款遊戲,最終淡化包含它的div並給予用戶重播的選項。使用CSS在遊戲結束時在中心定位重放按鈕

我希望將重放按鈕(這是一個圖像)正好放在褪色div的中心。在嘗試這樣做時,通過顯示實際位於整個div中心但始終處於隱藏狀態的重播按鈕,它會替代我遊戲中褪色的內容。

我的問題是如何使重放按鈕可見而不移動/干擾其他內容

請評論,如果我在我的問題不清楚。

+0

如何添加具有相同位置和大小的透明div與褪色div?所以你可以把重放按鈕放在上面。 – ijse 2011-12-26 05:42:35

+0

這個怎麼辦?你能說明一下嗎? – 2011-12-26 05:43:58

+1

在jsfiddle中看到這個:http://jsfiddle.net/ijse/qyAhH/ – ijse 2011-12-26 06:07:30

回答

0

我終於做到了。我在最後放置了包含重播按鈕的div,但不包含在遊戲div中,然後將遊戲div的不透明度設置爲.2,並且讓它們重播可見並將其定位到正確的位置,從而改變它的z-index,margin-left和margin -top等使用javascript。

+2

類似的實現在這裏 - http://jsfiddle.net/qtPLc/1/ - 我看你已經解決了它。發佈它,因爲我擺弄無論如何。 :) – techfoobar 2011-12-26 06:07:46