圆角问题

时间:2009-12-04 13:32:02

标签: javascript html css

有没有人知道如何使用javascript圆角div,但圆形只能说1或2个角,你可以选择不是全部。谢谢

5 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:2)

我相信jQuery corner完全符合您的需要。

答案 2 :(得分:1)

您是否特别需要自己创建?有几个库可以帮到你。例如,有jQuery plugin

答案 3 :(得分:1)

您可以使用CSS border-radius来达到这种效果。对于不支持它的浏览器(Internet Explorer),DD_roundies是一个很好的脚本。

答案 4 :(得分:0)

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

基本上发生的事情是你包裹一个内部div - 它没有边框 - 外部div有一个边框和圆角图像策略性地放置。你的内容是内在的div。

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