在wordpress中加入时,是否可以添加带有IE条件注释的样式表?

时间:2013-04-19 13:59:54

标签: wordpress-plugin wordpress-theming wordpress

我正在更新我的自建主题,并且很容易做出一些改变。

我的主题样式表通过functions.php文件中的wp_enqueue_style添加到页面头部,如下所示:

function gridded_enqueue_styles() {
    wp_enqueue_style( 'themever-style', get_stylesheet_uri() );
wp_enqueue_style( 'bootstrap-css', get_stylesheet_directory_uri() .'/css/bootstrap.min.css' );
}

add_action('wp_enqueue_scripts', 'gridded_enqueue_styles');

加载样式表,页面渲染,一切都很好。

现在我需要添加一些带有IE条件注释的样式表,如下所示:

<!--[if IE 7]>
    <link rel='stylesheet' href='http://theme_path/css/ie7.css' type='text/css' media='all' />
<![endif]-->

有可能吗?

提前致谢。

2 个答案:

答案 0 :(得分:2)

我注意到你已经解决了这个问题。您还可以检查以下代码以获取其他解决方案:

add_action( 'wp_head', 'wps_add_ie_html5_shim' );
/**
 *  Add IE conditional html5 shim to header
 */
function wps_add_ie_html5_shim() {
    global $is_IE;
    if ( $is_IE ) {
        echo '<!--[if lt IE 9]>';
        echo '<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>';
        echo '<![endif]-->';
    }
}

您也可以使用wordpress全局变量检查特定的浏览器,例如bellow:

浏览器检测布尔值 这些全局变量存储有关用户所在的浏览器的数据。

$is_IE (boolean) Internet Explorer
$is_iphone (boolean) iPhone Safari
$is_chrome (boolean) Google Chrome
$is_safari (boolean) Safari
$is_NS4 (boolean) Netscape 4
$is_opera (boolean) Opera
$is_macIE (boolean) Mac Internet Explorer
$is_winIE (boolean) Windows Internet Explorer
$is_gecko (boolean) FireFox
$is_lynx (boolean)

了解更多信息:http://codex.wordpress.org/Global_Variables

答案 1 :(得分:0)

我以前在我的header.php文件中完成了它,没有任何不良影响。