为不同的浏览器制定不同的css以及2.8的新功能body_class

本主题由 隐藏人物 创建于 2009-9-4 0:27:02

忙活一整天才发现只有safari4和opera10（在我测试过的浏览器里）才能完美支持我新做的模板。

于是我想只让safari和opera支持这个模板的css里关于@font-face的部分。

终于有头绪了！

我的解决办法是:

<body <?php body_class(); ?>>

然后在functions.php里加入：

<?php
add_filter('body_class','browser_body_class');
function 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) $classes[] = 'ie';
else $classes[] = 'unknown';

if($is_iphone) $classes[] = 'iphone';
return $classes;
}
?>

接下来就用到css的一些小技巧去解决。

放心注册，GeeKaa不会虚耗你半点时间，你只会发现更多乐趣。 立即注册