如何用 JS 或 CSS 实现一张圆桌角?
我有一个普通的 html 表格,我想以某种比为每个前景/背景组合创建不同图像更自动化的方式圆角。哦,它绝对必须与 IE7 兼容。有人知道这样的图书馆吗?
I've got a plain html table, and I'd like to round its corners in some way that is more automated than creating a different image for each foreground/background combination. Oh, and it absolutely must work with IE7. Anyone know of such a library?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以使用 Rico Corner (需要 原型)
它用于 SlimTimer
You could use Rico Corner (requires prototype)
It's used on SlimTimer
以下是使用和不使用 JavaScript 的圆角技术的精彩总结:
CSS 圆角“Roundup”。如果您主要针对 IE7,则需要避免任何需要 CSS3 的内容。您还需要考虑您的优先事项。例如,对您来说,拥有最好看的圆角(例如非常好的抗锯齿)更重要,还是避免 JavaScript 依赖更重要?您需要在尺寸可变的对象上放置圆角还是仅在固定尺寸的对象上放置圆角?
Here's a nice round-up of rounded corners techniques both with and without JavaScript:
CSS Rounded Corners 'Roundup'. If you're primarily targeting IE7, you'll want to avoid anything that requries CSS3. You'll also want to consider your priorities. For example, is it more important to you to have the best looking rounded corners (e.g. really good anti-aliasing) or is it more important to you to avoid a JavaScript dependency? Do you need to put rounded corners on objects whose size can change or only on objects of a fixed size?