您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何使跨浏览器,W3C有效,语义非JavaScript ROUND角落?

如何使跨浏览器,W3C有效,语义非JavaScript ROUND角落?

两个主要的渲染引擎已经支持CSS3了一段时间,这使得圆角变得很简单:

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

当然,这对IE6或7没有任何影响 (适用于IE8) 或8,因此您需要使用带有拐角图像的讨厌的堆叠分割来实现,这不符合您的语义要求。

我不喜欢涉及javascript或css-hacks的显示黑客- 所以我使用CSS3并检查IE7中的平方版本是否可以接受。我已经做了一段时间了,因为IE也从未使用过PNG透明性- 这意味着您不能在图案背景上很好地覆盖圆角图像。IE8是一个很大的改进,因此问题的确开始消失了-但是我理解您希望它在IE6及更高版本上运行的愿望。

javascript 2022/1/1 18:13:43 有568人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶