圆形框中的链接?在所有浏览器(是的,包括IE8)

时间:2010-04-12 14:48:23

标签: jquery cross-browser rounded-corners

我尝试了maaaany脚本,但每次我遇到困难的事情。我的目标是为链接创建圆形框。您可以在阅读更多链接中看到我正在谈论here的示例(效果不是必需的)。很常见,我知道,但我想让它在eeeevery浏览器中工作至少是safari,FF,chrome和最重要的IE7 +(IE6不是必需的......)。让我最接近解决方案的脚本是Cornerz,但我无法在IE8上解决一个非常糟糕的问题。有没有人知道摆脱这个或实现我的目标的方法?谢谢,我感谢您的支持。 干杯

3 个答案:

答案 0 :(得分:3)

您遇到的问题是浏览器呈现的差异。 FF和Safari将呈现从CSS派生的圆角。但IE8不会渲染那些相同的圆角。以下是http://www.html.it/articoli/nifty/index.html

工作的链接

答案 1 :(得分:1)

John已经说过,Nifty Corners将在您列出的所有浏览器中使用。 如果你想坚持“Cornerz”你可以强制IE8模拟IE7渲染看 http://weblogs.asp.net/fredriknormen/archive/2009/03/19/change-ie8-to-ie7-compatible-mode-with-meta-tags.aspx

答案 2 :(得分:0)

感谢大家,但同时我修好了! 它似乎按照我的意愿工作。

在这里查看第一行中的链接(白色上的灰色选项不好:)。 http://testing123.webege.com/conrnerz/

我只需要在链接样式中为IE8添加 display:inline-table; ,并修复IE6-7的位置问题。

我尝试使用Nifty但没有成功,第二个建议很好,但我想找到一种方法让IE8在IE8上运行。

非常感谢希望这个帮助我会尽可能地保留页面然后我会为每个人发布新链接。 欢呼声