网页基础-->层的应用 请选择其他网页基础知识:

  LAYER是在NetScape Communicator 4.0中才出现的HTML元素,它可以让网页中的不同元素位于不同的层上,这类似于PhotoShop中层的概念。通过使用LAYER元素,可以在页面中实现图文定位、元素重叠等效果,如果再与适当的Script语言结合,还可以实现改变重叠顺序、控制元素的显示或隐藏,甚至还可以实现动画效果。LAYER的基本语法结构如下:   
 
<div id="Layer1" style="position:absolute; width:150px; height:130px; z-index:6; left: 625; top: 27; visibility: visible"><........></div>

其中NAME用来给层命名,通过这个名字Script可以对该层进行操作。LEFT和TOP用来控制层在页面中的位置,分别表示层的左上角距浏览器窗口左边框和上边框的距离。Z-INDEX属性中用来控制不同的层在页面中的层叠顺序,数字小的层位于数字大的下面。VISIBILITY属性定义该层的显示属性,它的值有show、hide、inherit,其中show和hide分别表示该层为可见和不可见,而inherit则表示该层的显示属性与其上一级层的显示属性相同。请看下面的这个实例:
 
  <BODY BGCOLOR=″#ffffdd″>
  <layer name=″layer1″ left=″10″ top=″10″ z-index=0>
  <img src=″girl.jpg″ WIDTH=″240″ HEIGHT=″240″>
  </layer>
  <layer name=″layer2″ left=″190″ top=″70″ z-index=1>
  <FONT COLOR=″0000ff″ SIZE=″5″ FACE=″楷体_gb2312″><B>Hi!你好,小女子网名毛毛,希望能与你成为好朋友</B></FONT>
  </layer>