drupal - 在 Drupal 中创建基于标准、跨浏览器兼容的圆 Angular 的最佳方法是什么？

Question

我目前正在开发 Drupal 6 主题，设计师明确要求使用大量圆 Angular 。

我当然可以创建圆 Angular - 传统上 - 使用图像。但我知道还必须有更好、更简单的方法来创建圆 Angular 。

最理想的情况是，我想将我的 CSS 编写为符合标准的 CSS3，并使用如下选择器:

h2 {border-radius: 8px;}

使用浏览器专用的CSS也很好，喜欢

h2 {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}

如果需要，我还可以手动插入一些自定义 JavaScript。我只是想避免在我的标记中再添加 100 个圆 Angular 图像。

对最佳方法有什么建议吗？

Answer 1

定义一个类似“roundy-corner”的类并像这样使用 jQuery corner 插件:

$('.roundy-corner').corner();

您将需要 jQuery roundy corner 插件:

http://www.malsup.com/jquery/corner/

我喜欢在这里使用 JavaScript，因为它不需要在源文档中添加任何额外的标记；该脚本将根据需要插入占位符元素。另外，在遥远的 future ，当我们都拥有飞行汽车并且 IE 支持 border-radius 时，您可以将其替换为纯 CSS。