回答
如果您需要JavaScript解决方案,您可以检出Corner。它是跨平台的。
随着CS3 border-radius
属性,这并不难。有些浏览器有自己的暗示,比如firefox的-moz-border-radius
,safari和chrome的-webkit-border-radius
。
但IE仍然不支持border-radius,所以很难让它跨浏览器工作。
有跨浏览器的一些变通圆角不使用Javascript:
CSS Rounded Corners In All Browsers
An Experiment in Rounded Corners
Rounded corners in CSS (cross browser implementations)
使用CSS3的WebKit的&壁虎基于浏览器,SVG歌剧和VML for IE。
如果你想通过Javascript使用,你也可以使用着名的jQuery Corners。
我知道这是一个古老的线程,但只是你知道 - 第一个和最后一个链接依赖于使用'.htc'文件,实际上** **是JavaScript - 所以你不能说这两个解决方案是“..不使用Javascript” – techexpert 2012-06-24 01:58:49
您已经接受,但是CSS3 PIE您可以在IE3中使用border-radius
属性(以及渐变,阴影和其他有趣的CSS3功能)。我认为这是解决问题的更清洁方法之一。
- 1. CSS和跨浏览器的圆角
- 2. 跨浏览SVG圆环图
- 3. 跨浏览器图像
- 4. 跨浏览器图像CSS过滤器
- 5. Twitter引导:跨浏览器圆角和渐变?
- 6. 跨浏览器圆进度条
- 7. 跨浏览器定位背景图像
- 8. 互联网浏览器的圆角
- 9. CSS谷歌浏览器中的圆角
- 10. jquery.corner.js圆角在IE浏览器
- 11. 在ie8浏览器中圆角工作
- 12. 无休止旋转图像/ DIV(跨浏览器)
- 13. 跨所有浏览器的Rails图像预览
- 14. 这是最好的轻量级jquery插件,使跨浏览器圆角不使用图像?
- 15. 圆角图像
- 16. 图像的圆角
- 17. 跨浏览器与多浏览器
- 18. 导航中的CSS跨浏览器图像分隔器
- 19. 跨浏览器css
- 20. 跨浏览器javascript
- 21. ClickOnce跨浏览器
- 22. 跨浏览器CSS
- 23. 跨浏览器localStorage
- 24. Javascript:document.execCommand跨浏览器?
- 25. 跨浏览器CSS
- 26. .htaccess跨浏览器
- 27. HTML:跨浏览器
- 28. document.evaluate - 跨浏览器?
- 29. 浏览器无法渲染圆形
- 30. CSS:样式访问图像跨浏览器的方式/跨浏览器的不透明度
看起来不错,因为它使用支持它的浏览器的CS3属性并恢复为IE的图像。 – 2010-05-11 21:02:35
哇,它就像一个发现车轮或什么... – 2010-09-15 02:45:44
CSS3PIE [css3pie.com]如下所示似乎是最好的解决方案。 – zachzurn 2012-02-28 23:46:30