在我们最近围绕Greg的Spiffy Corners和markup进行的讨论中提出的许多有趣的论点中 ,很难论证一个观点-' 如果您说这不是答案,您有什么选择? '
公平点也是。
当时,我成功地找到了该问题的真实答案,但是由于没有“设计视图”,也没有任何内容可写,所以我决定尝试一个答案。 我上个月发布的替代方案还很原始,但是在Lox,Matt,Kevin,Tom和Craig的大力帮助下, Spanky Corners现在处在一个阶段,我们认为它相对健壮,有用并且可用于各种Web开发人员。
优点很容易识别。
- 超低脂HTML
- 无需JavaScript
- 拐角半径没有实际限制
- 有效的XHTML(严格)和CSS
- 无障碍
- 微小的图形要求
- 我们为您生成图像和CSS!
我们看到的唯一可预见的缺点是:
- 依赖于最小的 HTML结构(即,单个段落无法工作)。
- 解决了:
IE6用户将他/她的字体大小放大会在左上角看到一个小缝隙
我仍然不确定是否有解决IE6问题的方法,所以让我知道您是否遇到了paydirt。
Spanky已在IE6,IE7,Firefox 1.5,Safari 1.0和Opera 8.53中进行了测试。
我们决定完全忽略IE5 + 5.5的支持,因为那些浏览器对列表图像的支持不够好。 实际上,我们建议使用条件注释从IE5中完全去除舍入的图形。
我们已经对这一切的工作原理和FAQ进行 了相当深入的解释 ,但是您可能只想使用生成器和代码来感受一下。
希望您会觉得方便,如果您发现任何改进,请告诉我们。 这肯定是一个正在进行的工作。
我们重新调整了IE渲染左上角的方式(基本上仅将列表图像交换为IE中的第一个字母),从而使其可以在两个方向上平滑缩放。 如果您想更新先前下载的任何代码,则只需更新条件注释。
我们还将IE特定的代码分解为自己的样式表,并将整个内容下载为ZIP文件。
From: https://www.sitepoint.com/spanky-corners-10-rounded-corners-clean-html-no-javascript/