1. Различные интерпретации бокс-интерпретаторов #box{.
ширина: 600 пикселей // для ie6.0-
width: 500 пикселей // для ff+ie6.0;
}
#коробка{
ширина: 600 пикселей! важно // для FF
ширина: 600 пикселей // для ff+ie6.0;
ширина: 500 пикселей; // для ie6.0-
}
2. Чтобы скрыть CSS в IE, используйте подселектор
html>body #box{ }
3, распознается только IE
*html #box{ }
4. Действует в ie/win, но скрыто в ie/max, используйте обратную косую черту.
5. Определите стиль отдельно для т.е.
6. Двойное расстояние, создаваемое плавающим т.е.
#коробка{
плавать: влево;
ширина: 100 пикселей;
Margin:0 0 0 100px // В этом случае IE сгенерирует расстояние 200 пикселей;
display:inline; //Игнорировать числа с плавающей запятой
}
Давайте подробно поговорим о двух элементах: блочном и встроенном. Характеристики элемента Block: он всегда начинается с новой строки, а высоту, ширину, высоту строки и поля можно контролировать (блочные элементы); Характеристики элемента Inline: и Другие элементы находятся на одной линии,... не могут управляться (встроенные элементы);
#коробка{
display:block; //Может моделировать встроенные элементы как блочные элементы
display:inline; //Достигаем эффекта расположения в одной строке
diplay:table //для ff имитируем эффект таблицы
}
7, только для операции
@media all и (min-width:0px){
#коробка{ }
}
8. Проблемы с IE и шириной и высотой
IE не распознает определение min-, но на самом деле он обрабатывает нормальную ширину и высоту так, как будто существует min. Это будет большой проблемой, если вы будете использовать только ширину и высоту.
Эти два значения не изменятся в обычных браузерах. Если вы используете только минимальную ширину и минимальную высоту, это означает, что ширина и высота вообще не задаются в IE.
Например, если вы хотите установить фоновое изображение, эта ширина более важна. Чтобы решить эту проблему, вы можете сделать это:
#box{
ширина: 80 пикселей;
высота: 35 пикселей;
}
html>body #box{
ширина: авто;
высота: авто;
минимальная ширина: 80 пикселей;
минимальная высота: 35 пикселей;
}
9. Минимальная ширина страницы,
min-width, — очень удобная команда CSS. Она может указать, что минимальная ширина элемента не может быть меньше определенной ширины, чтобы гарантировать, что набор текста всегда правильный. Но IE этого не распознает и фактически считает ширину минимальной. Чтобы сделать эту команду доступной и в IE, вы можете поместить ее в тег <body>, а затем указать класс для div. CSS спроектирован следующим образом:
#container{.
минимальная ширина: 600 пикселей;
ширина:выражение(document.body.clientWidth < 600? "600px": "auto");
}
Первая минимальная ширина является нормальной; но ширина во второй строке использует Javascript, который распознается только IE, что также сделает ваш HTML-документ менее формальным. Фактически он реализует минимальную ширину посредством оценки Javascript.
Тот же метод можно использовать и для достижения максимальной ширины для IE:
#контейнер
{
минимальная ширина: 600 пикселей;
максимальная ширина: 1200 пикселей;
ширина:выражение(document.body.clientWidth < 600? "600px": document.body.clientWidth > 1200? "1200px": "auto";
}
10, прозрачный поплавок
.hackbox{
display:table; //Отображение объекта в виде таблицы уровня элемента блока;
}
или
.hackbox{
ясно: оба;
}
Или добавьте: after (псевдообъект), чтобы установить содержимое, которое появляется после объекта. Обычно он используется вместе с содержимым. IE не поддерживает этот псевдообъект и не поддерживается браузерами Ie, поэтому он не влияет на IE/. WIN-браузеры. -------Это самое хлопотное...
#box:после{
содержание: ".";
дисплей: блок;
высота: 0;
ясно: оба;
видимость: скрыта;
}
11. Плавающий текст IE DIV приводит к ошибке в 3 пикселя.
Объект слева является плавающим, а правый позиционируется с использованием левого поля внешнего патча. Текст внутри объекта справа будет располагаться на расстоянии 3 пикселей от левого края.
#коробка{
плавать: влево;
ширина: 800 пикселей;
}
#левый{
плавать: влево;
ширина: 50%;
}
#верно{
ширина: 50%;
}
*html #слева{
Margin-Right:-3px; //Это предложение является ключевым
}
HTML-код
12. Селектор атрибутов (это нельзя считать совместимым, это ошибка сокрытия css)
р[идентификатор]{}
div[id]{}
скрыт для версий ниже IE6.0 и IE6.0.
По-прежнему существует разница между селекторами атрибутов и подселекторами, используемыми FF и OPera. Область выбора подселекторов уменьшена по форме. Область применения устройства относительно велика. Например, в p[id] все теги p с id имеют один и тот же стиль.