通过JS弹出的浮动DIV层，居中于窗口中。

JavaScript018

通过JS弹出的浮动DIV层，居中于窗口中。,第1张

把style里面的left和top拿到js里面写

在CSS里面用expression是只有IE支持的 这就是不兼容的东西

<div id="divCenter" align="center" style="position: absolutez-index: 3display: nonebackground-color: #fff" >

<span style="background-color:Graywidth:390pxheight:220pxtext-align:center"><BR /><BR />面板中的内容</span>

</div>

<script language="JavaScript">

document.getElementById('divCenter').style.left = (document.body.offsetWidth - 540) / 2

document.getElementById('divCenter').style.top = (document.body.offsetHeight - 170) / 2 + document.body.scrollTop

</script>

<a onclick="javascript:document.all.divCenter.style.display='block'">显示该层</a>

这个就是div属性设置的问题。

主要设置如下：

overflow（溢出控制）：visible（默认，可见）、auto（自动）、scroll（显示滚动条）；

width（宽度）：数值；

height（高度）：数值；

color（字体颜色）：色彩代码；

font-size（字体大小）：数值；

line-height（行高）：数值；

border（边框）：宽度、类型和颜色，类型主要支持以下几种：none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset；

font-weight（字体粗细）：normal、bold、bolder、lighter；

font-family（字体类型）：Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆；

background（背景颜色）：色彩代码；

scrollbar-base-color,scrollbar-face-color,scrollbar-track-color, scrollbar -darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar -3dlight-color,scrollbar-arrow-color（滚动条各部分的颜色）：色彩代码；

filter:chroma(COLOR=转换成透明的颜色)（chroma过滤器）：色彩代码，该颜色将转换成透明效果；

word-break（断字）：normal（默认，正常断字）、keep-all（严格不断字）、break-all（严格断字）；

direction（文字方向）：ltr（默认，从左向右）、rtl（从右向左）。

HTML中的Div分区属性

基本属性：width, height, left, top, background-color（当设置为transparent时表示透明）

2、定位属性：position: absolute/relative

absolute时，位置固定；relative时，位置会随着内容的实际情况进行浮动

3、显示属性：display: block/none

block为默认状态，表示显示；none为隐藏

4、优先属性：z-index:n

n表示一个整数（正负均可），有多个Div时n越大，则越靠前显示；

z-index可以理解为z轴的坐标（x,y轴控制左右、上下方位，z轴控制层叠div的前后方位）

只有用绝对定位（position:absolute）时，属性z-index才起作用；

未设置绝对定位（position:absolute）的div，其z-index永远为0；

未设定优先属性（z-index）的div，按照声明的顺序层叠，后声明的盖住先声明的，如果有两个Div属于父子关系，则子div覆盖父div；

5、透明属性：opacity:0.3（firefox专用）；filter:alpha(opacity=30)（IE专用）

两者一起用的时候就将两种主流浏览器都兼容了；上面例子是将Div的透明度设置为30％，可以看出两者的设置稍有不同；Div的文本与背景色均能被透明化！

这些是div的属性。

要用到width（宽度）：数值；

height（高度）：数值；

left, top,

position:absolute