我的覆蓋沒有被居中使用css

<head> 
<title>Overlay test</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<style type="text/css"> 
#overlay { 
    position: absolute; 
    background-color: #ccffcc; 
    display: none; 
    height: 200px; 
    margin: 0 auto; 
    width: 200px; 
} 
</style> 
<script type="text/javascript"> 
//<![CDATA[ 
function hide() { 
    document.getElementById("overlay").style.display = "none"; 
} 

function show() { 
    document.getElementById("overlay").style.display = "block"; 
} 
//]]> 
</script>

所以當用戶點擊它時，運行show（）將css框置於頂部。不過，我希望它在瀏覽器中居中。我已經設置了邊距：0 auto;這應該做的伎倆不應該呢？我的覆蓋沒有被居中使用css

我只是試圖創建一個疊加功能，而不使用jQuery，因爲它似乎與我的學校cms模板不兼容。

感謝

來源

2010-08-06 Adam

保證金：0汽車將不會在位置的絕對要素工作，他們在自己的小世界中存在，正常流程之外。所以爲了解決這個問題，你需要做一個額外的步驟。 CSS dead centre technique將在這裏工作。

來源

2010-08-06 14:32:19 dmp

+1或者只是不要使用絕對。 – sworoc 2010-08-06 14:35:04

絕對沒有錯，它是拉出一些設計的唯一方式，但必須尊重它不是正常的流程。 – dmp 2010-08-06 14:36:27

感謝偉大的工程... 任何人都知道，如果我的技術將輕鬆納入swfobject閃光燈內置？ – Adam 2010-08-06 14:46:55

嘗試設置疊加層上的頂部和左側屬性。

來源

2010-08-06 14:32:23

使用％設置頂部和左側位置。設置CSS屬性頂部：10％;剩40％;

來源

2010-08-06 15:30:24

我的覆蓋沒有被居中使用css

回答

相關問題