javascript - 如何为 Drupal 7 应用 IE7 的条件 css?

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

我在 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 重复。我敢打赌,只有 IE 不工作,而 css 是常见的(如果你想让任何人阅读你的代码,请不要粘贴它的内联/缩小版本)。

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

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

关于javascript - 如何为 Drupal 7 应用 IE7 的条件 css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6786187/

相关文章:

css - JavaScript/CSS Image Scroller IE7 问题

html - 对齐按钮和 div 中的链接,在 IE 中损坏,在 FF 中有效

javascript - Ruby on Rails Assets 管道无法正常工作

javascript - MongoDB:通过数组中的一个objectId查找

javascript - 使用带有 Leaflet 的 WMS 弹出窗口

php - 重新设计页面 : changing the PHP code that generates the HTML

html - 表格在 IE7 中无法正确调整大小

javascript - JavaScript <href> 链接的返回值应该如何处理?

html - 将透明背景拉伸(stretch)到一定程度

javascript - 将背景图像居中对齐