我应该采取什么圆角方法?
所以在圆角上并不缺少信息,我已经完成了大部分工作,并且我发布了这一点以获得社区的意见。
我的场景是我们正在开发一个圆角的设计,主要用于交互( 和
)。 我们将使用边框半径为块上的优秀浏览器使用它,然后使用服务器将JavaScript发送给不支持的浏览器。
我想知道用什么来扩展忽略边缘半径CSS的浏览器? 我需要一些适用于按钮以及a,div等的东西。我一直在寻找以下内容,并发现有些不适合 。 该网站也已使用jQuery。
http://www.curvycorners.net/ – http://code.google.com/p/jquerycurvycorners/
http://www.html.it/articoli/niftycube/index.html
http://www.malsup.com/jquery/corner/
编辑:我也看了http://www.dillerdesign.com/experiment/DD_roundies/ ,在这一点上它似乎是我最强的候选人。
使用有效的方法并按时完成项目。 除此之外,你不太可能得到很多有用的反馈,因为他们都从一个或另一个角度来看,这取决于你如何查看图像,javascript,语义,添加额外的标签以“使其工作”等。
他们都是一样的。 我已经使用了最后一个( http://www.malsup.com/jquery/corner/ )并且效果很好。 几乎可以肯定有比你关心的更多的角落风格,但在8KB,它不是太重量级。
总的来说,您应该使用-webkit-border-radius以及-moz-border-radius来支持所有Webkit和Mozilla浏览器。 要修复IE,有一个javascript函数可以做到这一点。 希望有所帮助!
spiffycorners.com有100%的css方法,甚至可以在IE6中使用! 这是我用的……
我对上面介绍的Javascript方法有一些经验,但它们都很有效。 就个人而言,我会选择与现有Javascript框架完美集成的东西,比如JQuery(这将是我个人的选择)。
然而,就内存使用而言,将效果应用于许多元素对于浏览器来说可能是非常麻烦的。 我有很多浏览器崩溃,因为我对应用角落效果太慷慨了。
你看过Stu Nicholis的CSS游戏吗? 他的Snazzy Borders和Krazy Korners是一个很好的跨浏览器解决方案。