<div id="overlay"></div>
<div id="win">
<span>欢迎您的到来！</span>
</div>
</div>

遮罩样式：

#overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);}

弹出层样式：

#win{position:absolute;top:50%;left:50%;width:400px;height:200px;background:#fff;border:4px solid #f90;margin:-100px 0 0 -200px;}

其中：-100px与-200px分别为弹出层(#win)高度（height:200px;）与宽度（width:400px;）的一半

<pre>标签可定义预格式化的文本，被包围在 pre 元素中的文本通常会保留空格和换行符，但是，当你在<pre>标签里面写代码的时候，如果你没有手动换行，它是不会自动换行的，而是一直保持一行的状态。
解决方法，添加pre的css样式

pre {
 white-space: pre-wrap;       /* CSS-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

兼容各种主流浏览器

img {
    opacity: .75; /* Standard: FF > 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE < 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF < 1.5, Netscape */
}

删除原<input type="file">节点，新建一个覆盖

  <input type="file" id="img" name="img"/>
  <button onclick="cleanFile()";>清空</button>

Minify是Google Code上的一个开源项目（具体介绍），作者整合了国外 多个专家的研究成果，形成了一个功能强大的库，有很多大型站点也在使用这个库进行压缩。

使用方法

首先到 Google Code http://code.google.com/p/minify/downloads/list下载该应用，解压后把 min 目录上传到网站根目录下，然后打开.htaccess编写rewrite rule：

<ifmodule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^(.*\.(css|js))$ min/index.php?f=$1&debug=0 [L,NC]
</ifmodule>

- 阅读剩余部分 -