居中的层
1. =================================
<style type="text/css">
<!–
#center {
position:absolute;
width:300px;
height:60px;
left:50%;
top:50%;
z-index:1;
background-color:#000;
color:fff;
margin-left:-150px;
margin-top:-32px
}
–>
</style>
</head>
<body>
<div id="center">永远居中</div>
</body>
2.================================================
<style type="text/css">
<!–
#centercontainer {
position:absolute;
left:50%;
top:50%;
z-index:1;
}
–>
</style>
</head>
<body>
<div id="centercontainer">
<div style="position:relative;top:-50%;left:-50%;border-style:solid;border-color:lightgreen;">永远居中<br/><br/><br/><br/></div>
</div>
</body>
发表评论
| Trackback
