Вернусь к всем остобрыдлой теме про закругленные углы в Интернет Експлорере. Несмотря на то что процент пользователей «самого лучшего браузера» неуклонно снижается всеже есть клиенты требующие всевозможные округлости у плашек в верстке и т.п. Техник существует великое множество от уличной магии с картинками и т.п. до вполне эффективной лобовой атаки через javascript. Исходя из того что на IE мне наплевать и особой разницы я не вижу в том какие методы выбрать для скругления углов в IE, так как основные приоритеты для меня скорость реализациии и ее действенность то буду использовать javascript.
Сразу оговорюсь для тех у кого ранимая психика и они привыкли искать универсальные изящные решения, вам не стоит дальше читать этот пост, для остальных милости прошу.

Итак что нам понадобиться.

1. Чтобы все красиво выглядело в head добавим тег

Code
<meta http-equiv=»X-UA-Compatible» content=»IE=EmulateIE7″/>


2. Через условные комментарии исключительно для IE в head подключаем загрузку js библиотеку от Drew Diller, низкий ему поклон, удружил так удружил, что мы бы делали без него.

Code
<script type=»text/javascript»>
var sukaIE=false;

</script>

<!—[if IE]>
<script type=»text/javascript» src=»DD_roundies_0.0.2a-min.js»></script>

<script type=»text/javascript»>
var sukaIE=true;

DD_roundies.addRule(‘#sidebar-top’, ’16px’);

</script>

<![endif]—>


и все, при загрузку в IE на странице у объекта #sidebar-top уголки станут радиусом 16px, если нужно разные задать размеры скругления то пишем DD_roundies.addRule(‘#sidebar-top’, ’16px 17px 18px 19px’);

еще один момент

скрипты срабатывают у нас при загрузке что делать если контент генерится динамически и нужно как-то отловить IE?

если внимательно посмотреть код то видно что до условных комментариев у меня определяется переменная sukaIE wink а в условных этой переменной присваивается true, соответственно при создании чего-то через динамику, нужно будет дополнительно проверять эту переменную и у нужных объектов включать через DD_roundies округления в IE уголков

ps: метод несомненно трешевый и уж сильно смахивает на говнокод, что в принципе оно и есть как скажут ранимые натуры)), но в ситуации когда важно время и скорость оправдывает себя, и показывает как отличное решение в битве с IE.





Ваша оценка:

Рейтинг: 0.0 Всего:0 Добавил: Михалыч

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
Комментарии
Всего комментариев: 0