Ссылки в скругленных прямоугольниках? Во ВСЕХ браузерах (yep включен IE8)

Question

Я пробовал скрипт maaaany, но каждый раз, когда я зацикливался на чем-то плохом. Моя цель - создать округлые прямоугольники для ссылок. Вы можете увидеть пример того, что я говорю о здесь в ссылке подробнее (эффекты не нужны). Я знаю это очень часто, но я хочу, чтобы это работало в любом браузере, по крайней мере, в Safari, FF, Chrome и наиболее важных IE7 + (IE6 не нужен ...) Сценарий, который выбрал меня ближе всего к решению - это Cornerz, но я не могу исправить очень плохую проблему в IE8. Кто-нибудь знает способ избавиться от этого или достичь моей цели? Спасибо, я ценю любую поддержку. Приветствия

Answer 1

Проблема, с которой вы сталкиваетесь, заключается в различиях в отображении в браузере. FF и Safari визуализируют закругленные углы, полученные из CSS. Но IE8 не делает те же самые закругленные углы. Вот ссылка для работы вокруг http://www.html.it/articoli/nifty/index.html

Answer 2

Как уже сказал Джон, Nifty Corners будет работать во всех браузерах, которые вы перечислили. Если вы хотите придерживаться «Cornerz», вы можете заставить IE8 эмулировать рендеринг IE7. http://weblogs.asp.net/fredriknormen/archive/2009/03/19/change-ie8-to-ie7-compatible-mode-with-meta-tags.aspx

Answer 3

Спасибо всем, но пока что я это исправил! И, кажется, работает, как я хочу.

Посмотрите здесь ссылку в первом ряду (плохой выбор, серый на белом :). http://testing123.webege.com/conrnerz/

Мне просто нужно было добавить display: inline-table; для IE8 в стиле ссылки и исправить проблему с позицией для IE6-7.

Я пытался с Nifty, но безуспешно, и второе предложение хорошо, но я хотел найти способ заставить его работать в IE8, работающем как IE8.

Большое спасибо, надеюсь, эта помощь, я буду держать страницу как можно дольше, а затем выложу новую ссылку для всех. веселит