将form加在内部，form相当于一个容器，你加在外面，会造成#wrap 的高度失效，height:100%；会不起作用。

@卡内基 footer跑到MAIN中才是正常的，padding-bottom是一个空的占位高度，然后将footer向上负偏移到这个空间中就达到始终居底的效果了。因为整个父容器设置了100%的高度，占满了客户的浏览器的整个屏幕高度。

[quote]cloudgamer： @Biny 可惜我只会asp和.net 你会php或jsp吗，想加这两个版本[/quote] 呵呵，我也不太会用PHP和JSP。您想搞成个全方位支持的控件，很期待哟。

cloudgamer同学的每一篇文章都让人受益菲浅啊。 这个功能非常实用，可能每一个后台都用得上，感谢分享！

@斯克迪亚 很遗憾，这是这种CSS模拟圆角框最大的缺点，圆角部分不够圆滑，因为是模拟的，要表现得更好一些，需要加入更多的容器结构。如果你想要更好的效果，建议你看看我的另一篇文章《超圆滑圆角框的半完美解决方案》，里面有几种比较成熟的方案。

@guester 谢谢您！ 很不错的建议，如果有时间，我会添加到组件中去。

@wbkt2t 谢谢你的使用！ 这样应用是不行的，因为这儿A相当于父容器，JS在内容中会为它添加圆角的一些结构层，当触发HOVER时，相当于结构已经发生改变了。如果你想达到这种效果，需要用onmouseover来模仿A:hover伪类行为，然后重新添加圆角框的结构体。

谢谢！

@吉日嘎拉>不仅权限设计 谢谢！

@吉日嘎拉>不仅权限设计 @Motto 谢谢！

@左岸读书 谢谢！ @晴天猪 下面的模板链接是可以下载的啊。

呵呵，说得都对，每个人站立的角度，所处的位置不同，得出的结论也不一样，如果为了开发成本，让IE的用户得到原始的效果，只要公司老总说OK就行了。

@asp.net初学者 这些图片只是演示而已，是我在网络上临时找的，它反映出来确实是给人感觉失去了图片的原始意义。但纯CSS确实是无法真正地实现图片的圆角化，它只能以背景图片的方式来做到。当然如果用JS帮忙，那是是可以做到的，但这样就超出了标题名称的范围了。我在文章中也说到了。

@有容乃大 呵呵，没有装visita系统，所有没有测试。 jq已经有圆角插件了。可以用JS简单的封装一下，用起方便些。

@ rex 谢谢！

@游客10000 可以下载啊

出新作了，一定要支持一下，慢慢看！

学习一下，兄弟著作破丰啊，真乃高产啊！

@阿一(杨正祎) 嗯，这几句也是我最想要的，可是可恨的IE啊！

@云淡风轻-.net vml方式的圆角框在我下面这篇文章的第四个就是了。 http://www.cnblogs.com/binyong/archive/2009/03/08/1406521.html

@行者无疆-Lxm 我知道这种方式，css sprites,本主题的主旨是不用图片实现。 @毛毛亟亟 你先下载我的模型，然后随便拖拉缩放一下窗口试试，看它是否是灵活变化的。

@司徒正美： 嗯，ie系列是可以使用vml，这在我的《超圆滑圆角框的半完美解决方案》的第四个案例中就是使用的这种方法。 @oec2003 jquery corner这个插件我也使用过，很好用。但不在本次的讨论范畴中。 @Cat Chen 我也知道这加重了HTML标签的负担，但就是一个纯粹采用九宫格布局的自适应圆角框其HTML结构也是不少的，你可以看看我的另一篇文章《无hack并支持透明圆角框的全兼容九宫格布局》，其结构层一样是比较复杂的。如果在语义化要求不高的情况使用这种方法，我觉得还是可以接受的。

@tangoboy 呵呵，可惜的是，ie用户群是最多的。

@xixixix ie没支持前，还是先用它来过渡吧，这是没办法的事。结构代码冗余，这是这种方法无法避免的事情。但在项目中，这种方法往往是最见效的，呵呵！

@bq889 那是需要你自行写FLASH控制代码才能实现的。

不错，除了配色有点丑之外，基本功能都具备了，建议加上全选，反选，单选功能，下一步可以添加上行的增删改查功能，如果加入数据层，如XML或JSON就比较完美了，辛苦了，关注后续作品，加油！

支持，能扩展成一个独立的表格控件就好了，一直想有一个完全基于前端的表格控件，数据用JSON方式实现，实现完全的三层分离，一样有数据层，逻辑层和表现层，数据层可以用json或xml实现，我想这种表格是大家都比较喜欢，完全不用程序员来操心前台的事件，他们只需要将表据中的数据输出成json或xml就行。 这样的话gridview控件就可以退休了，呵呵！

刚才用虚拟机上的浏览器测试了一下你的博客。 ie7-ie8下正常了 ff正常， 只是ie6不正常， 并且js功能在IE6下提示高亮语法的代码有问题，不能提交，但FF可以提交评论。

只是在FF中是正常的

哈哈,没有反对你用黑色,我以前的博客也是用的黑色,只是你的代码运行框中语法高亮的颜色和底色太接近了,看起来非常吃力.我今天看到你已经修改代码着色,现在看起来好多了,只是可能你将字体的大小改错了,在我的所有浏览器中,代码的字体可能相当word中的初号字体,很短的一行代码在屏幕下都显示不完整. 并且我发现你博客的整个字体都大得很,不知你是故意这样设计的,还是其它原因？？ 总之没法看完你的代码，因为右边未显示的内容已经被截掉了，本来想截个图来，可是怕撑破你页面的布局。

兄弟,你的页面的代码看起来确实真费劲,这么大的字体,不是每个用户都是使用超大号浏览器的.一排简直看不了两个字啊!

@司徒正美 简洁固然好，可是当项目子页面太多时，是没有办法做到不添加点东西的，不在URL中添加，就需要在每个html页面中添加，这要看具体需求而定。一般的项目中，链接中的内容都是从后台数据库中读取出来的动态内容，添加起来比在每个子页面中更快捷。

@wilensky 谢谢！

谢谢楼上朋友的支持! to wols: 能否email一个jquery版的给我看看,你是用php的吧?

@digimanual 谢谢试用! png-8格式的图片和gif其实是差不多的,质量肯定比png-24差了很多.这个脚本应该可以很好的支持PNG图片啊!你要查看一下服务器的设置. 看了你的网页,这样应用也不错.哈哈!只是我觉得页脚下面是不是应该给点空距,靠得太近了.

@Cheney Shue 不行，只能是8bit的png图片IE6才能支持，以上都不受支持。 ps虽不能选择模式，但ImageReady可以选择模式。导入进去就可以另存为了。

@Cheney Shue IE6只支持png-8位透明，24位半透明效果在IE6下不受支持，只能使用JS方式。

@Cheney Shue 请仔细看看文章，我在文章中说得很清楚，你完全可以使用半透明的PNG-24位图片来达到无锯齿效果，只要加入JS代码支持IE6就可以了。作为演示模型，我采用的透明的gif图片。

非常适用的文章，不错，收藏了，可能会用得上！

兄弟,转载文章时请尊重一下作者,别忘了引用地址.谢谢！

@jianke 恭喜你！终于发现问题了，呵呵！你是头一个发现这个问题的朋友，也一针见血地指出了本模型最大的一个局限性，目前这个版本是外圆角不透明的九宫格布局。本布局无法解决你提出的问题，其实我在制作这个模型时就发现了这种现象，之所以在我的演示图片是透明圆角的，而实际做的是不透明圆角的。是我打了一个埋伏，想看看有多少人会真正去试用它，呵呵，莫怪莫怪！ 这段时间因为工作比较忙，现在才给你答复，不好意思了！ 为了回报朋友们的厚爱，决定写一篇后续文章来解决这个问题。敬请关注后续文章！

效果虽然很简陋,但能将原理讲得清清楚楚,明明白白,不是一件容易的事情。而博主在每篇文章中都做到了，佩服。教程由浅入深，讲得条理分明，真是不可多得的好文章，收藏下来慢慢看！

测试

我试过可以啊，你加一段JS代码是为了两列同高吧！
你可以自由使用！

@digimanual
给content容器加一个宽度值width:96%;就可以了.

@kuku
哈哈,针对不同环境选择性使用!

@kuku
嗯,对话框,tips这类布局正好是九宫格大展鸿图的地方!

@阿布的米袋
谢谢支持!

@cloudgamer
谢谢!

@sbxwylt
你可以自由转载本文,请注明原文链接出处.