2011-07-22 51 views
0

我在網站一個文件css_browser_selector.js文件/時以下給出所有/ JS和文件的代碼:如何對IE7應用drupal 7的條件CSS?

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瀏覽器中進行更改。您的幫助將受到讚賞。

Thankz提前。

+0

標記爲'C'?真? – alex

+0

你剛剛粘貼的縮小版本的CSS瀏覽器選擇器? – corroded

+1

使用即特定標籤 – Ibu

回答

0

我想你有很多的CSS重複。我敢打賭,只有IE dosn't工作和CSS休息是常見的(如果你想讓任何人閱讀你的代碼,不要粘貼其內聯/縮小版)。

看看這個,大多數人都這麼做。 http://www.webdevout.net/css-hacks#conditional_comments

如果您想對每個瀏覽器真正不同的CSS粘貼您的JS代碼redable優化版本或使用該http://www.webdevout.net/css-hacks#conditional_comments-css_hack結合您的解決方案做醜陋的方式。

0

使用此模塊http://drupal.org/project/conditional_styles

這是相當直截了當怎麼做只是讓到模塊,該行添加到您的主題.info文件

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

然後添加文件ie7.css到你的主題。