让DIV居中，兼容不同分辨率

来源：互联网发布：mmd镜头数据下载编辑：程序博客网时间：2024/05/18 16:55
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title> 你的标题</title><style type="text/css">/*弹出层的STYLE*/.mydiv {background-color: #ff6;border: 1px solid #f90;text-align: center;line-height: 40px;font-size: 12px;font-weight: bold;z-index:99;width: 300px;height: 120px;left:50%;/*FF IE7*/top: 50%;/*FF IE7*/margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/margin-top:0px;position:fixed!important;/*FF IE7*/position:absolute;/*IE6*/_top:       expression(eval(document.compatMode &&            document.compatMode=='CSS1Compat') ?            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}.bg {background-color: #ccc;width: 100%;height: 100%;left:0;top:0;/*FF IE7*/filter:alpha(opacity=50);/*IE透明度*/opacity:0.5;/*FF*/z-index:1;position:fixed!important;/*FF IE7*/position:absolute;/*IE6*/_top:       expression(eval(document.compatMode &&            document.c…………………………………………………………………………<p style="COLOR: red; FONT-SIZE: 16px"><strong>原作者：<a target=_blank href="http://www.verydemo.com/demo_c92_i308594.html" target="_blank">http://www.verydemo.com/demo_c92_i308594.html</a></strong></p>
0 0