代码之家 › 专栏 › 技术社区 › DaveDev

在这个示例站点上实现稍微圆角的最简单方法是什么?

rounded-corners css html jquery

1

DaveDev · 技术社区 · 14 年前

我必须实现一个选项卡控件,在样式方面与这里看到的完全相同:

这就是我迄今为止提出的例子:

我面临的最大问题是,第一个问题有“圆角”,由用于开发站点的ASP.NET Ajax自动实现。

由于我不使用ASP.NET AJAX,有没有一种简单的方法可以实现与IE6和真实浏览器相同的效果?通过jquery或css实现这一点的最佳方法是什么?

编辑: 如果在没有图像的IE6中无法获得圆角,那么在其他浏览器中,最好的方法是什么?

4 回复 | 直到 14 年前

1

3

rebelliard 14 年前

我喜欢 jQuery Corner 插件。它将使用IE7兼容模式在IE7和IE8上工作。当然,IE6忽略了这一点。它真的很轻,比只为角加载jquery用户界面要好。

$('#yourDiv').corner();

2

1

bpeterson76 14 年前

到目前为止,我发现的最简单的方法是使用jquery ui处理圆角。

它很容易包括两个文件并将其添加到类声明中:

<element class="ui-corner-all myclass"> (围绕元素的所有角)

或

<element class="ui-corner-tl ui-corner-tr myclass"> (左上、右上)

IE在默认情况下不支持圆角,因此要完全复制用户体验,您必须加入jquery或其他替换脚本。我的大公司客户一致同意,这不值得这么做——因为它优雅地降为直角,即用户将不得不处理它——他们首先选择使用劣质的浏览器。

紧随其后的是“边界半径”选项。( http://www.css3.info/preview/rounded-border/ )但更值得担心的是它的语法。使用jquery ui还可以打开一些伟大的功能,如自动完成、选项卡、按钮(改进标准HTML按钮)等。

3

0

marcgg 14 年前

要在IE 6中使用圆角,必须使用图像

4

0

user372551 14 年前

下面是一个很好的例子,使用javascript创建圆角:

使用画布元素(甚至在IE中): http://www.netzgesta.de/corner