Я хочу знать, как дать имя селектора CSS в IE - PullRequest
0 голосов
/ 06 августа 2009

Я хочу разместить свой веб-сайт в IE. Я хочу знать, как я даю имя селектора CSS в IE, например firefox. Пожалуйста, помогите мне!

Ответы [ 4 ]

0 голосов
/ 06 августа 2009

Чтобы исправить ваш сайт в Firefox и IE, вы можете использовать следующие методы.

Метод 1:

Вы можете использовать "если условие", которое вы использовали. Вы должны указать версию IE в операторе if. Смотрите код ниже

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Browser Detection Example</title>

<style type="text/css">
body{ background:blue}
</style>

<!--[if IE 6]> <!-- for ie 6 browser -->
<style type="text/css"> 
 body{ background:red}
</style>
<![endif]-->

<!--[if IE 7]> <!-- for ie 7 browser -->
 <style type="text/css"> 
 body{ background:red}
</style>
<![endif]-->
</head>

<body>
</body>
</html>

Метод 2:

Вы можете использовать хак CSS внутри самого кода CSS. Нет необходимости использовать отдельный файл CSS. Вы можете кодировать в том же CSS. Смотрите пример ниже

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{ background:blue; _background:orange;}
</style>
</head>

<body>
</body>
</html>

Примечание: префикс "_" перед кодом CSS, который он будет отображать в ie6 ...

Выезд !!!

С уважением, Логеш Пол

0 голосов
/ 06 августа 2009

всегда вызывайте ваш файл ie css ПОСЛЕ любого другого css, поэтому он перезаписывает все предыдущие методы. если у вас все еще есть проблемы, вы можете заставить определение CSS иметь приоритет с !important.

Без разницы, фон div будет синим, потому что это последняя сделанная декларация

#mydiv{
  background-color:green;
}

#mydiv{
  background-color:blue;
}

Теперь, используя !important, вы можете принудительно установить приоритет. фон будет зеленым независимо от порядка объявления:

#mydiv{
  background-color:green !important;
}

#mydiv{
  background-color:blue;
}

если вы ищете хаки css для IE (не рекомендуется, хотя иногда и необходимо), вы можете получить больше информации из этой превосходной статьи .

надеюсь, это поможет!

0 голосов
/ 06 августа 2009

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

Как правило, вам не нужна отдельная таблица стилей для IE. В IE есть некоторые ошибки рендеринга, которые вам, возможно, придется обойти, но это почти всегда можно сделать, настроив текущие CSS и HTML.

Чтобы выяснить, что вам нужно сделать, чтобы он работал в IE, вы должны попытаться найти причины различий. Большинство CSS абсолютно одинаковы, поэтому, если вы не видите эффекта на странице, это обычно потому, что элемент не там, где вы думаете, или не имеет того размера, который, как вы думаете, имеет. Например, если высота элемента равна нулю, вы, очевидно, не увидите его цвет фона.

Сначала убедитесь, что страница имеет правильный тип документа , чтобы она не отображалась в режиме причуд. Это важно, чтобы он работал как можно ближе к стандартам IE.

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

Плагин FireBug в Firefox полезен для точного определения того, какие стили влияют на каждый элемент на странице, и вы даже можете редактировать CSS и сразу же увидеть результат. Существует аналогичный инструмент, встроенный в IE 8, который называется Developer Tools. Для IE 7 вы можете установить Панель инструментов разработчика , которая предоставляет вам некоторые из этих функций. Каждый инструмент позволит вам выбрать элемент в коде и точно покажет, где он находится на странице.

0 голосов
/ 06 августа 2009

я не понял вашего вопроса "имя селектора css в IE", но если вам нужно назначить css для селектора p, используйте как (<p>hello everyone</p>) этот

р { граница: 1px сплошной красный; Размер шрифта: 24px; }

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...