Как заставить несколько таблиц стилей работать на одной странице? - PullRequest
Новая
       9

Как заставить несколько таблиц стилей работать на одной странице?

1 голос
/ 30 марта 2009

Вот ситуация.

  1. Я сделал три таблицы стилей для каждой из трех страниц, над которыми я сейчас работаю. Тот, который работает в IE8 / Safari / Opera / Firefox. Тот, который работает в IE7, и тот, который, если используется отдельно, работает на IE6

  2. Я протестировал все на www.xenocode.com/browsers и на эмуляторах IE 6 и 7 этих сайтов.

3 Я использовал вариант предложений статьи, чтобы заставить все листы работать. (В разделе:

http://www.thesitewizard.com/css/excludecss.shtml

Проблема в том, что, хотя он вызывает правильный css для IE 8 и IE 7 онлайн (он прекрасно работает прямо с моего компьютера), он не может нормально вызывать код для IE6 онлайн, вызывая компоновку запутаться в IE 6 (или хотя бы эмуляторе на xenocode.com.

Есть ли лучший метод?

(Не могу показать вам полную страницу, потому что мой клиент непреклонен, не показывая ее, пока проект не будет завершен.)

Ответы [ 4 ]

1 голос
/ 30 марта 2009

Если вы используете условные операторы браузера ...

Я бы проверил, может ли используемый вами эмулятор интерпретировать условные выражения браузера. Если вы не уверены, вы всегда можете отключить все другие таблицы стилей и нормально связать (используя тег ссылки) только таблицу стилей IE6, а затем протестировать

0 голосов
/ 12 июля 2010

http://rafael.adm.br/css_browser_selector/

Мне нравится эта вещь, потому что она позволяет мне детально определять все изменения, которые я хочу для разных браузеров / операционных систем.

0 голосов
/ 30 марта 2009

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

<!--[if IE 6]><link rel="stylesheet" type="text/css" href="/css/ie60.css" /><![endif]-->
<!--[if IE 5.5000]><link rel="stylesheet" type="text/css" href="/css/ie55.css" /><![endif]-->
<!--[if lt IE 5.5000]><link rel="stylesheet" type="text/css" href="/css/ie50.css" /><![endif]-->
0 голосов
/ 30 марта 2009

Вы хотите иметь специфичный для IE6 CSS ? Кроме того, рассмотрите возможность использования Microsoft SuperPreview , чтобы локально увидеть, как выглядит ваш дизайн в различных версиях IE6.

...