如何为 drupal 7 应用 IE7 的条件 css？答案

【问题标题】：How to apply conditional css for IE7 for drupal 7?如何为 drupal 7 应用 IE7 的条件 css？
【发布时间】：2011-07-22 05:57:55
【问题描述】：

我在 sites/all/js 中有一个 css_browser_selector.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 浏览器中进行更改。不胜感激。

提前致谢。

【问题讨论】：

你刚刚粘贴了缩小版的 css 浏览器选择器吗？

标签： javascript css internet-explorer-7 drupal-7

【解决方案1】：

我猜你有很多 css 重复。我敢打赌，只有 IE 不起作用，而 css 用于休息很常见（如果您希望任何人阅读您的代码，请不要粘贴其内联/缩小版本）。

看看这个，大多数人都是这样做的。 http://www.webdevout.net/css-hacks#conditional_comments

如果您想在每个浏览器上使用真正不同的 CSS，请粘贴您的 JS 代码 redable verion 或将此 http://www.webdevout.net/css-hacks#conditional_comments-css_hack 与您的解决方案结合使用，以丑陋的方式做到这一点。

【讨论】：

【解决方案2】：

使用这个模块http://drupal.org/project/conditional_styles

如何做到这一点非常简单，只需启用模块，将此行添加到您的主题 .info 文件中

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

然后将文件 ie7.css 添加到您的主题中。

【讨论】：