<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>