GNineBox的2.1版本,支持Opera。

/* =================== GNineBox v2.1 ===============================
GNineBox("jgClass")
GNineBox("类名")

功能说明:
GNineBox是一个生成九宫格的程序。也可用于制作圆角。

版本更新历史:
v2.1:支持Opera。
v2.0:可通过CSS样式定义九宫格外框样式,实现表现跟内容分离。
(已知问题:不支持Opera)

版权信息:
本程序是自由程序,使用请保留本标注。

作者信息:
Ghost Zhang
Email:lovej1bz@gmail.com
QQ:22168741
ORG:www.WebReBuild.ORG www.CSSForest.ORG
Blog:http://forest.blogbus.com

使用说明:
只需要通过CSS样式定义要应该九宫格的class类的公共图片名称即可。
例:
定义样式:.gnb{background:url("gn.gif");}或
.gnb{background-image:url("gn.gif");}
只需要给出图片名称前面的公共名即可,如图片名分别为“gn_tl.gif”、
“gn_tm.gif”、“gn_tr.gif”,只要imgName定义为“gn”。
在页面最下面加入:<script type="text/javascript">GNineBox("GNB");</script>

GNineBox的样式的定义优先级如下:
标签级样式,如:<div class="gnb" style="background-image:url(gn.gif)">...</div>
文件级样式,如:<style type="text/css">.gnb{background-image:url(gn.gif)} </style>
外联样式,如:<link rel="stylesheet" rev="stylesheet" href="style.css" type="text/css" media="screen" />

没有层级的关系,即.top .gnb{background-image:url(gn.gif)}与.gnb{background-image:url(gn.gif)}是相等的。
在文件级样式或外联样式中,最后的定义会被使用,即:
如果同时定义了.top .gnb{background-image:url(gn.gif)}和.gnb{background-image:url(gn2.gif)}
那么.gnb{background-image:url(gn2.gif)}会被应用。

注意:FireFox跟Opera对路径中的空格必须解析为%20。
如果background的image路径中出现空格,请将其改为%20,以确保路径能被正确读取。
如:
background-image:url(http://www.cssforest.org/trys/gninebox 2.0/bg.gif);
应该写为:
background-image:url(http://www.cssforest.org/trys/gninebox%202.0/bg.gif);
========================================================================*/

下载GNineBox v2.1

...
...