我在之前的一篇文章中，介紹了[WordPress 判斷用戶瀏覽器的全局變量和判斷IE瀏覽器版本的方法](http://m.meixiuxuan.cn/the-global-variables-to-definitely-user-browser/)，為了方便在WordPress主題開發(fā)的時候使用，我把這個方法寫成了函數(shù)，直接把當前用戶使用的瀏覽器信息寫道了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;}