10 функций, которые "были" неисполнимыми в IE6

Автор: Gopal Raju

1. Закругленные и изогнутые углы

Как вы уже знаете, все современные браузеры поддерживают border radius. Но изогнутый угол невозможно отобразить в ИЕ6. Не так давно я обнаружил htc файл, специально разработанный для ИЕ6 Remiz'ом с сайта HTMLRemix.com, который решает данную проблему. 

Прежде всего. Для использования htc нужно добавить поддержку MIME типа для .htc на сервере. Это важно.Сделайте следующее:

1. Войдите в CPanel и кликните на линк MIME Types (у российских хостинг компаний редко бывает CPanel)
2. В MIME Types добавьте text/x-component
3. В extentions добавьте htc
4. Перезапустите Apache

Все, что вам останется сделать в дальнейшем, это загрузить htc с HTMLremix и включить следующий код в ваш CSS

1.  
2. .div_class_name {
3. behavior:url(border-radius.htc);
4. }
5.  

Альтернативное решение jQuery jQuery Corner - кроссбраузерный плагин, который создает закругленный угол

2. Популярный способ решения отображения прозрачности PNG

Загрузите скрипт PNG Transparency и впишите следующий код в CSS:

1.  
2. .class_name{
3. _background:none;
4. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='image_name.png',
5. sizingMethod='scale');}

3. Opacity

1.  
2. .opacity_div {
3. filter: alpha(opacity = 50);
4. }

4. Fixed position

CSS свойство position: fixed; поддерживается всеми браузерами, но только не ИЕ6. У данной проблемы есть следующее решение:

1. * html .fixed_div{
2. position: absolute; /* position fixed for IE6 */
3. top: expression(104+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
4. left: expression(15+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px'); }

5. Min-width & Max-width

Min-width

1.  
2. .div_class_name{
3. width: expression(document.body.clientWidth < 1000? "1000px" : "auto");
4. }

Max-width

1.  
2. .div_class_name{
3. width: expression(document.body.clientWidth > 1000? "1000px" : "auto");
4. }