Javascript 我的覆盖没有使用css居中叠加试验 #覆盖层{ 位置：绝对位置；背景色：#ccffcc；显示：无；高度：200px；保证金：0自动；宽度：200px； } //_Javascript_Css

Javascript 我的覆盖没有使用css居中叠加试验 #覆盖层{ 位置：绝对位置；背景色：#ccffcc；显示：无；高度：200px；保证金：0自动；宽度：200px； } //

javascript css

Javascript 我的覆盖没有使用css居中叠加试验 #覆盖层{ 位置：绝对位置；背景色：#ccffcc；显示：无；高度：200px；保证金：0自动；宽度：200px； } //,javascript,css,Javascript,Css,因此，当用户单击时，它会运行show（），将css框置于顶部。但是我希望它在浏览器中居中。我已经设置了边距：0自动；哪一个应该起作用，不是吗我只是尝试在不使用jquery的情况下创建一个覆盖函数，因为它似乎与我的cms模板不兼容感谢Margin:0 auto不会处理位置绝对元素，它们存在于自己的小世界中，在正常流程之外。所以，为了实现这一点，你需要多做一步。这条路在这里行得通 Margin:0 auto不会处理位置绝对元素，它们存在于自己的小世界中，在正常流程之外。所以，为了实现这一点，你需

因此，当用户单击时，它会运行show（），将css框置于顶部。但是我希望它在浏览器中居中。我已经设置了边距：0自动；哪一个应该起作用，不是吗

我只是尝试在不使用jquery的情况下创建一个覆盖函数，因为它似乎与我的cms模板不兼容

感谢

Margin:0 auto不会处理位置绝对元素，它们存在于自己的小世界中，在正常流程之外。所以，为了实现这一点，你需要多做一步。这条路在这里行得通

尝试设置覆盖图的顶部和左侧属性。

使用%设置顶部和左侧位置。设置css属性顶部：10%；左40%

绝对没有问题，这是完成一些设计的唯一方法，但必须尊重这不是正常的流程。谢谢，效果很好。。。有人知道我的技术是否能很容易地结合swfobject来放置flash吗？请确保使用wmode:transparent或不透明，这样flash将支持z索引，应该可以。absolute没有错，这是实现某些设计的唯一方法，但必须尊重这不是正常的流。谢谢，效果很好。。。有人知道我的技术是否可以很容易地结合swfobject来放置flash吗？请确保使用wmode:transparent或不透明，这样flash将支持z索引，而且应该可以。

<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>