圆角问题

您需要完全的跨浏览器支持吗?为什么不把它作为更好的浏览器和使用CSS的“增强”来保存呢?

.corners {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

我相信 jQuery corner 做你所需要的。

您特别需要自己创建这个吗?有几个图书馆可以为你做这件事。例如,这里有 jQuery plugin .

你可以使用 CSS border-radius 为了达到这个效果。对于不支持它的浏览器(Internet Explorer), DD_roundies 是个不错的剧本。

我见过使用背景样式或表格或浮动div或(选择您最喜欢的-我更喜欢背景样式)将四个图像放在div角上的框架对div进行取整。您将选择使用少于所有四个“角”图像。

本质上,所发生的是用一个有边框的外部分区和战略性放置的圆角图像包裹一个没有边框的内部分区。你的内容在内部分区。

正如其他人所说,一些框架提供了开箱即用的功能。无论如何,您将需要圆角图像。