Как применить условный CSS для IE7 для drupal 7?

Question

У меня есть один файл css_browser_selector.js в sites / all / js, и код этого файла указан ниже:

function css_browser_selector(u){var ua=u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1},g='gecko',w='webkit',s='safari',o='opera',m='mobile',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3.6')?g+' ff3 ff3_6':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('blackberry')?m+' blackberry':is('android')?m+' android':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?m+' j2me':is('iphone')?m+' iphone':is('ipod')?m+' ipod':is('ipad')?m+' ipad':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win'+(is('windows nt 6.0')?' vista':''):is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent);

Я применил разные CSS для разных браузеров, используя класс этого браузераиз кода, написанного выше. Код работает для всех браузеров, но он не работает в IE6, IE7.В Drupal 6 есть два файла по умолчанию ie6 и ie7, но эти файлы также не работают. Я не знаю, как внести изменения вIE браузер. Ваша помощь будет оценена.

Спасибо заранее.

Answer 1

Используйте этот модуль http://drupal.org/project/conditional_styles

Довольно просто, как это сделать, просто включив модуль, добавив эту строку в файл .info вашей темы

stylesheets-conditional[IE 7][all][] = ie7.css

затем добавьте файл ie7.css в вашу тему.

Answer 2

Полагаю, что в этом много дублирования CSS.Могу поспорить, что только IE не работает, а css для отдыха является обычным делом (если вы хотите, чтобы кто-то читал ваш код, не вставляйте его встроенную / сокращенную версию).

Проверьте это, вот каклюди делают это.http://www.webdevout.net/css-hacks#conditional_comments

Если вы хотите, чтобы в каждом браузере были действительно разные CSS-коды, вставьте свою кодируемую версию JS или используйте это http://www.webdevout.net/css-hacks#conditional_comments-css_hack в сочетании с вашим решением, чтобы сделать это безобразно.