Имея 2 блока кода CSS в HTML-файлах, как заставить работать только один с использованием JS? - PullRequest
Новая
       2

Имея 2 блока кода CSS в HTML-файлах, как заставить работать только один с использованием JS?

0 голосов
/ 02 января 2011

Итак, у нас есть 1 HTML-файл (обязательно).Там 2 блока в стиле CSS и один блок JS.Как сделать возможным использовать один из стилей из JS?(Мне нужно, чтобы он работал в IE6 IE7 IE8 FF и chrome 9 =) Мне нужно дать один CSS для IE9 и Chrome 8 и выше и другой CSS для всех остальных.

Ответы [ 2 ]

4 голосов
/ 02 января 2011

Используйте условные комментарии специально для IE6, например, так: 

<!--[if IE 6]>
<style type="text/css">
  H1 {font-size: 15pt;}
</style>
<![endif]-->

Или наоборот, в зависимости от того, что это такое ... но все, что находится внутри этих комментариев, будет только применимо к IE6,Для вышеуказанного подхода не требуется JavaScript:)

0 голосов
/ 03 января 2011

Для альтернативного способа, связанного с JS и передачей хрома.(Я изучил эту форму ExtJs, но я не уверен, откуда она взялась.)

Загрузите скрипт обнаружения браузера.PPK довольно хороши: http://www.quirksmode.org/js/detect.html.

Добавить классы в document.body. 

document.body.className += ' ' + BrowserDetect.browser 
  + ' ' + BrowserDetect.browser + '-' + BrowserDetect.version;

Теперь напишите свой CSS следующим образом 

H1 {
  font-size: 24pt; 
  font-family: arial;
}

.Explorer-6 H1 {
  font-size: 15pt;
}

.Chrome-9 H1 {
  /* ... */
}

Вы можете смешать ОСи там, но я не уверен, что он тебе когда-нибудь понадобится.

...