Вернусь к всем остобрыдлой теме про закругленные углы в Интернет Експлорере. Несмотря на то что процент пользователей «самого лучшего браузера» неуклонно снижается всеже есть клиенты требующие всевозможные округлости у плашек в верстке и т.п. Техник существует великое множество от уличной магии с картинками и т.п. до вполне эффективной лобовой атаки через javascript. Исходя из того что на IE мне наплевать и особой разницы я не вижу в том какие методы выбрать для скругления углов в IE, так как основные приоритеты для меня скорость реализациии и ее действенность то буду использовать javascript.
Сразу оговорюсь для тех у кого ранимая психика и они привыкли искать универсальные изящные решения, вам не стоит дальше читать этот пост, для остальных милости прошу.
Итак что нам понадобиться.
1. Чтобы все красиво выглядело в head добавим тег
2. Через условные комментарии исключительно для IE в head подключаем загрузку js библиотеку от Drew Diller, низкий ему поклон, удружил так удружил, что мы бы делали без него.
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 а в условных этой переменной присваивается true, соответственно при создании чего-то через динамику, нужно будет дополнительно проверять эту переменную и у нужных объектов включать через DD_roundies округления в IE уголков
ps: метод несомненно трешевый и уж сильно смахивает на говнокод, что в принципе оно и есть как скажут ранимые натуры)), но в ситуации когда важно время и скорость оправдывает себя, и показывает как отличное решение в битве с IE.
Ваша оценка:
Другие новости |
Поделиться ссылкой
|
Комментарии |
Всего комментариев: 0 | |