2009-12-04 95 views
0

没有人知道如何使用JavaScript来圆角div的圆角,但圆只能说1或2个角落,你可以选择不是所有的角落。谢谢圆角问题

+0

[http://stackoverflow.com/search?q=round+corners](http://stackoverflow.com/search? q = round + corners) – 2009-12-04 13:42:30

回答

3

您是否需要完整的跨浏览器支持?为什么不把它作为一个“增强”为了更好的浏览器,并使用CSS:

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

我相信jQuery corner完全符合你的需求。

+0

如果我不使用JQuery,我需要另一个解决方案。 – Upperstage 2009-12-04 14:10:49

1

您是否特别需要自己创建?有几个图书馆为你做这个。例如有这个jQuery plugin

0

我已经看到了使用背景样式或表格或浮动div或(选择您最喜欢的 - 我更喜欢背景样式)使用放置在div角落顶部的四个图像来圆角div的框架。您会选择使用少于全部四个“角落”图像。

本质上会发生什么是你包装一个内部div - 没有边框 - 外部div有一个边界和圆角图像放置战略。你的内容进入内部分区。

正如其他人所暗示的,几种框架提供了这种功能。无论如何,你将需要圆角图像。

1

您可以使用CSS border-radius来实现该效果。对于不支持它的浏览器(Internet Explorer),DD_roundies是一个不错的脚本。