我在之前的一篇文章中,介绍了[WordPress 判断用户浏览器的全局变量和判断IE浏览器版本的方法](https://www.wpzhiku.com/the-global-variables-to-definitely-user-browser/),为了方便在WordPress主题开发的时候使用,我把这个方法写成了函数,直接把当前用户使用的浏览器信息写道了body的css类中。
怎么把当前用户使用的浏览器版本写道body的css类
把下面的代码加入到当前主题的functions.php文件中即可
function wizhi_browser_body_class( $classes ) { global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone; if($is_lynx) $classes[] = 'lynx'; elseif($is_gecko) $classes[] = 'gecko'; elseif($is_opera) $classes[] = 'opera'; elseif($is_NS4) $classes[] = 'ns4'; elseif($is_safari) $classes[] = 'safari'; elseif($is_chrome) $classes[] = 'chrome'; elseif($is_IE) { $browser = $_SERVER['HTTP_USER_AGENT']; $browser = substr( "$browser", 25, 8); if ($browser == "MSIE 7.0" ) { $classes[] = 'ie7'; $classes[] = 'ie'; } elseif ($browser == "MSIE 6.0" ) { $classes[] = 'ie6'; $classes[] = 'ie'; } elseif ($browser == "MSIE 8.0" ) { $classes[] = 'ie8'; $classes[] = 'ie'; } elseif ($browser == "MSIE 9.0" ) { $classes[] = 'ie9'; $classes[] = 'ie'; } else { $classes[] = 'ie'; } } else $classes[] = 'unknown'; if( $is_iphone ) $classes[] = 'iphone'; return $classes; } add_filter( 'body_class', 'wizhi_browser_body_class' );
body中有了当前浏览器的css类,在写css的时候,我们可以这样写,来解决一些兼容性问题,或针对某个浏览器写一些特殊的样式。
.ie6 .tips{display:inline} .chrome .tips{color:#333;}