摘 要：以JS+CSS结构进行网页布局是当前流行技术，越来越多的人开始使用JS。它对web技术的发展以及计算机领域的不断开拓是一项革新。很多网站、静态网页与设计都开始使用JS+CSS的框架，实现弹出有很多种方法，背景半透明的DIV层方法也有很多，本文针对CSS所具有的多种技术，旨在说明JS+CSS实现弹出居中背景半透明DIV层的方法的方法。该方法在信息集成与页面显示效果上有良好的表现，并且该方案的实现不需要额外的用户限制，简单易行，便于推广。
　　关键词：JS+CSS DIV层 半透明
　　一、引 言
　　对于网页制作初学者来说，由于表格布局比较简单、制作速度快、容易控制，使用JS+CSS是一种很好的入门方法。随着Web2.0标准化设计理念的普及，基于JS+CSS的布局更加流行。本文介绍了JS+CSS實现弹出居中背景半透明div层的方法。
　　二、JS、CSS与DIV
　　JS简介：JS是JavaScript的缩写，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，广泛用于客户端的脚本语言。
　　CSS简介：CSS是Cascading Style Sheet的缩写。译作“层叠样式表单”。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。使用CSS样式可以控制许多仅使用HTML无法控制的属性，是描述HTML元素的规则。CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。基本格式如下：
　　Selector {property： value}（选择符{属性：值}）
　　选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如body、p、table等，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开。Body {color： black}
　　选择符body是指页面主体部分，color是控制文字颜色的属性，black是颜色的值，此例的效果是使页面中的文字为黑色。DIV简介： DIV全称Division，即为划分，是层叠样式表中的定位技术，有时可以称其为图层。DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。
　　三、设计与实现
　　1.外部容器。将页眉、正文及页脚全部包含在其中的容器，就可视为外部容器。外部容器习惯性设置ID名称为container，主要设置整个页面的宽度，对齐方式等，相关的CSS样式为： #container{width：960px；margin：0px auto；}
　　2.页眉设计。页眉中，主要包括LOGO、导航等，设计简单明了。标签设计如下：