圆框中的链接?在所有浏览器中(是的,包括 IE8)
我尝试过 maaaany 脚本,但每次我都会遇到一些不好的事情。我的目标是为链接创建圆形框。您可以在阅读更多链接中看到我在此处谈论的示例(效果不是必需的)。我知道很常见,但我想让它在所有浏览器中工作,至少是 safari、FF、chrome 和最重要的 IE7+(IE6 不是必需的......)。最接近解决方案的脚本是 Cornerz,但我无法修复 IE8 上的一个非常糟糕的问题。有谁知道如何摆脱这个或实现我的目标?谢谢你,我感谢每一次支持。 干杯
I tried maaaany script but every time I get stuck in something bad. My goal is to create rounded boxes for links. You can see an example of I'm talking about here in the read more link (effects not necessary). Very common I know, but I want to make it work in eeeevery browsers at least safari, FF, chrome and most important IE7+ (IE6 not necessary...). The script that took me closest to the solution is Cornerz but I can't fix a very bad issue on IE8. Does anybody knows a way to get rid of this or to achieve my goal? Thank you I appreciate every support.
Cheers
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
您遇到的问题是浏览器渲染的差异。 FF 和 Safari 将渲染源自 CSS 的圆角。但 IE8 不会渲染那些相同的圆角。这是解决 http://www.html.it/articoli/ 问题的链接漂亮/index.html
The problem your running into is differences in browser rendering. FF and Safari will render rounded corners derived from CSS. But IE8 does not render those same rounded corners. Here is a link for a work around http://www.html.it/articoli/nifty/index.html
正如约翰已经说过的,Nifty Corners 将在您列出的所有浏览器中运行。
如果你想坚持使用“Cornerz”,你可以强制 IE8 模拟 IE7 渲染,请参阅
http://weblogs.asp.net/fredriknormen/archive/2009/03/19/change-ie8-to-ie7-兼容模式-with-meta-tags.aspx
As John already said Nifty Corners will work in all browsers you listed.
If you want to stick to "Cornerz" you can force IE8 to emulate IE7 rendering see
http://weblogs.asp.net/fredriknormen/archive/2009/03/19/change-ie8-to-ie7-compatible-mode-with-meta-tags.aspx
谢谢大家,但与此同时我修复了它!
它似乎如我所愿。
看看这里第一行的链接(错误的选择,白底灰:)。
http://testing123.webege.com/conrnerz/
我只需添加一个在链接样式中为 IE8 添加了 display:inline-table; 并修复了 IE6-7 的位置问题。
我尝试使用 Nifty 但没有成功,第二个建议很好,但我想找到一种方法让它在 IE8 中以 IE8 运行。
非常感谢,希望这对我有帮助,我会尽可能长时间保留该页面,然后我会为每个人发布新链接。
干杯
Thanks everbody but in the meanwhile I fixed it!
And it seems working as I wish.
Look at here the link in the first row (bad choice gray on white :).
http://testing123.webege.com/conrnerz/
I just had to add a display:inline-table; for IE8 in the link style and fix a problem with position for IE6-7.
I tried with Nifty but without success and the second suggestion is good but I wanted to find a way to make it works in IE8 running as IE8.
Many thanks hope this help I'll keep the page as long as I can and then I'll post the new link for everybody.
cheers