Сегодня пойдет речь о столь не понятном как кот Шредингера, это Internet Explorer и его понятие программного кода, как известно, что всеми «любимый» браузер отображает страницы как ему вздумается, думаю с этой проблемой сталкивался веб — мастер в своей работе, по этому сегодня я хочу рассказать о некоторых способах, которые улучшат понимание IE веб-страниц.

Однако, время идет, мы учимся на своих ошибках, хотя правильней будет сказать не своих, а браузера IE, и начинаем понимать и привыкать к его странному поведению. Нам приходится мирится с тем, что логика IE нам не понятна, если она вообще есть, и продолжать делать сайты, которые будет понимать даже IE 6, так, как есть пользователи которые еще пользуются им. И так начнем:

1. Прозрачность CSS. С этой проблемой я столкнулся сразу когда стал писать статьи, так как браузеры firefox, chrome и safari, -они делают фон iframe прозрачным по умолчанию, тогда как в IE такое не предусмотрено. Здесь вам нужен будет атрибут allowTransparency, а так же специальный CSS код:

2. Прозрачность PNG, это проблема №2 скоторой я столкнулся. Если вам нужно прозрачное изображение, и изображения в формате gif не могут дать вам нужного эффекта, вам пригодится данный прием. Но помните, что используя этот прием и устанавливая PNG в качестве фона, вы не сможете задать его позицию.

3. Position Relative и Overflow Hidden

Практически каждый раз, когда я пишу урок по jQuery , я сталкиваюсь с одной и той же проблемой, ведь я привык использовать overflow:hidden. Баг появляется, когда есть исходный (родительский) элемент overflow со значением hidden и дочерний элемент с позицией :relative.

Что же происходит вы можете увидеть вот в этой статье — position:relative and overflow in internet explorer

— добавить position relative и родительскому элементу

4. Min-Height для IE

Браузер IE просто игнорирует min-height свойства, но вы теперь можете справиться и с этой проблемой. Данное решение магически действует не только на IE6, но и на Mozilla, Firefox , Opera, Safari, вот этому решение:

5. При работе с jQury заметил что IE поддерживает только псевдокласс :hover для элемента anchor. Но ведь того же самого эффекта можно добиться и используя jQuery, смотрим решение:

6 Полоса прокрутки по умолчанию. Еще одна функция, или баг, судить не мне, это полоса прокрутки по умолчанию, порой эона просто не уместна, и вот решение по ее избавлению в IE:

В дальнейшем я буду развивать данную статью и как бороться с IE

На главную