问题标签 [rounded-corners]

如何使用 CSS 创建圆角？

我们正在创建一个 XBAP 应用程序，我们需要在单个页面的不同位置有圆角，并且我们希望有一个 WPF 圆角容器来放置一堆其他元素。有没有人对我们如何最好地实现这一点有一些建议或示例代码？使用样式还是创建自定义控件？

我正在使用 JQuery 的 jquery.corner.js 在一些 td 标签上创建圆角，它们在 IE 中看起来很好，除了

1. 如果您打开一个新标签，然后返回该页面
2. 如果您转到另一个选项卡，请单击一个链接，然后返回该页面
3. 如果您将鼠标悬停在执行 javascript 的 div / 菜单上（我认为）。

圆角被水平线替换，并且 td 标签内的文本被下推。然而，一旦页面被刷新，渲染就会恢复正常。在所有情况下，它都可以在 Firefox 中完美运行。

有任何想法吗？

作为参考，我使用的 Javascript 代码如下（这是 MOSS 2007 页面）：

这是一个完美显示问题的示例 HTML 页面：

在上面的代码中，一旦你打开一个新标签，TD 就会被搞砸，但 div 不会。我对 MOSS 发出的 HTML 没有太多控制权，否则我可能会咬紧牙关，在这里使用 DIV 而不是表格。

这可能听起来很愚蠢，但我不知道如何实现 jquery 的圆角（http://www.methvin.com/jquery/jq-corner-demo.html）。我的 javascript-fu 完全失败，我似乎无法让它在我的页面上运行。谁能给我看一个简单的 HTML 和 JavaScript 示例，你会用它来显示它们吗？为我的愚蠢道歉。

我需要将桌子设计成圆角。

我只是在看看如何最好地去做：

通常，当我将 div 样式设置为圆角时，我会使用 2 个 div，顶部和底部带有空注释，并对其应用尺寸和背景图像 CSS。

然而，表格有内部边框，所以我必须仔细对齐角落 bg 图像中的垂直线，以匹配真正的单元格边框。

到目前为止，这清楚吗？

所以我想知道其他人会如何处理这个问题。我认为我能做的最好的事情就是只使用一个完整的固定大小的背景图像、边框和所有内容，并在顶部覆盖一个无边框的表格。毕竟桌子总是一样大的。

谁能想到更好的方法？

我正在使用 jQuery 插件为我<li>的 .

我想知道使用两个图像（左角和右角）作为左右两侧的最佳方法是 using <li>.

我使用 CSS 创建了一些圆形导航选项卡，但在实现时遇到了麻烦hover。

首先这里是一个指向站点标签的链接，因为它很难解释。请将鼠标悬停在选项卡的左侧以了解我的问题。我已经在下面解释了。

我在#navigation li包含左侧角的项目上设置了背景图像，然后我有第二个背景图像（右侧角），这是使用#navigation a.

但是，当我将鼠标悬停在选项卡的左侧时，只显示了一小块背景，我想这是因为只有 li 区域被悬停在上面。显然，当您将鼠标悬停在其其余部分上时，我希望整个选项卡都能突出显示。

这很难解释，所以如果您需要进一步询问我以了解问题，请这样做。

我正在尝试完成一些看起来很简单的事情......

我有 3div包含一个单选按钮和一些内容：

使用此处其他帖子中的任何技术为每个 div 创建圆角很容易。然而，我不能只为悬停事件做到这一点，即我希望只有当鼠标悬停在 div 上时才会看到圆角框出现在 div 周围。有没有人在某处看到过这样做的例子？

编辑：我已经在使用 Prototype 和 Scriptaculous。我不能为此添加 jQuery。

除了用户上传照片的缩略图外，我的网站在每个框和图片上都充满了圆角。

如何使用 Python Imaging Library 在每个缩略图上“绘制”白色或透明圆角？

我正在首次涉足 WPF - 我有一个简单的表单，其中包含为内联帮助定义的弹出窗口。我正在使用圆角，由于某种原因，黑色背景在角落周围渗出。我不明白是哪个元素导致了问题。

替代文字 http://www.awbrey.net/rounded.jpg

我认为这是我没有看到的非常明显的东西。这是我正在使用的 XAML：