Есть ли способ, кроме javascript, исправить ошибки IE 6?

Question

В IE 6 у нас есть множество ошибок, которые могут ошибаться нам как дизайнеру.

неправильная модель коробки и т. Д. И т. Д.

Я искал исправления с помощью JavaScript и нашел

[текст ссылки] [1] IE7.js IE7 - это библиотека JavaScript, которая позволяет Microsoft Internet Explorer вести себя как совместимый со стандартами браузер. Он исправляет многие проблемы с HTML и CSS и обеспечивает прозрачную работу PNG в IE5 и IE6.

но есть ли у нас реальная заставка, кроме javascript через css.

Answer 1

Способы борьбы с ошибками IE6 с помощью CSS? Конечно.

См .: http://www.quirksmode.org/css/condcom.html для условных комментариев

Есть и другие способы, такие как добавление некоторых определенных символов в некоторые свойства CSS, которые игнорируются в некоторых браузерах, но не в других.

Однако в некоторых случаях веб-дизайнеры должны быть очень осторожны при их использовании.

Answer 2

Альтернатива состоит в том, чтобы жить в мире ошибок IE 6 и проектировать свои страницы так, чтобы они выглядели правильно, несмотря на их. Вы можете использовать различные CSS для своих клиентов IE6 или даже другие HTML, если это необходимо, в зависимости от вашего дизайна. В некоторых случаях вы можете использовать один файл CSS, который будет иметь разные значения для клиентов IE6, но этот метод проблематичен в отношении IE7 и 8.

Answer 3

эта ссылка тоже удобна

Как вы работаете с Internet Explorer?

Я никогда этого не знал - спасибо, Свинто «IE6 не имеет неправильной блочной модели, если у вас неправильный тип документа. - svinto»

Answer 4

Есть еще один быстрый и грязный хак для стилей IE6 например,

Вы можете определить CSS как;

.divTitle { обивка: 5px; ширина: 600 пикселей; _width: 590px; }

Все остальные браузеры получают 600 пикселей при ширине, а IE6 перезаписывает его и берет 590 пикселей;

Я также проверял это в IE7 и FF.

Также вы можете проверить эту ссылку; текст ссылки

Answer 5

Многие ошибки можно обойти в CSS с помощью условных комментариев или хаков CSS-селекторов. Но есть некоторые ошибки, которые CSS-хаки не могут обработать, например, IE6 .multiple.class.selector.bug

Answer 6

почему бы вам не попробовать FireBug Light для IE? Это не так мощно, как FireFox FireBug, но может быть полезным

Answer 7

Замечательная информация, но следует отметить, что IE7.js не исправляет pngs во всех случаях (по крайней мере, последний раз, когда я смотрел). Например, вы не сможете создать фоновое изображение с прозрачностью.

В случае DXImageTransform вы можете обнаружить, что когда это применяется к элементам, содержащим ссылки, эти ссылки больше не «кликабельны». Иногда это можно исправить, дав родительскому элементу, к которому применено преобразование, статическое позиционирование и расположить дочерний элемент привязки, например,

h2{
position:static;
zoom:1;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/mypng.png", sizingMethod="scale");
}
h2 a{
position:relative;
}
<h2><a href="" >a link!</a></h2>

Если вам нужно сделать этот вид мусора, поместите его в отдельную таблицу стилей и управляйте загрузкой с помощью условных комментариев. Если дизайн любой сложности, постарайтесь не поддерживать ie6 или <. Если вы не можете избежать этого, заряжайте больше;). Иногда этого достаточно, чтобы убедить кого-то, что поддержка ie6 "не стоит их времени". </p>

Answer 8

Существует несколько простых способов взлома таблиц стилей, которые могут изменить представление в различных версиях Internet Explorer для решения ваших проблем с CSS. Например, эти три:

Упрощенная блочная модель взлома для IE4, IE5, IE5.5:

div.values { margin: 10px; m\argin: 20px; }

взлом звездного html для IE4, IE5, IE5.5 и IE6:

* html div.values { margin: 5px; }

взломать первый ребенок + html для IE7:

*:first-child+html div.values { margin: 5px; }

Проблемы прозрачности PNG могут быть решены с помощью таких решений:

<div style="width:50px;height:50px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo/logo.png');">
   <img src="/images/logo/logo.png" height="50" width="50" alt="" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" />
</div>